Recognised as Colour

#54022B

#54022B
Red
Dark
Nearest: Brown

#54022B is a red with RGB values 84, 2, 43 and HSL 330°, 95%, 17%. It is a dark colour, so white text on it reaches 14.8:1 contrast (AAA for normal text). The nearest named colour is Brown.

Colour values

#54022B#54022B

HEX#54022B

RGBrgb(84, 2, 43)

RGB (0–1)0.3294, 0.0078, 0.1686

RGB percentages32.9%, 0.8%, 16.9%

HSLhsl(330, 95.3%, 16.9%)

HSV / HSBhsv(330, 97.6%, 32.9%)

CMYK0%, 97.6%, 48.8%, 67.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,505,579

CSS custom property--colour: #54022B;

Brightness & contrast

Relative luminance0.02103WCAG 2.x, 0 is black and 1 is white

Perceived brightness48.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 14.78:1

Contrast with white14.78:1WCAG normal text: AAA

Contrast with black1.42:1WCAG normal text: Fail

Greyscale equivalent#161616

Inverted#ABFDD4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#181E2Cno red cones; affects about 1% of men; ΔE 37.2 from the original

Deuteranopia#2E2D29no green cones; the most common form, about 1% of men; ΔE 38.3 from the original

Tritanopia#5C0016no blue cones; rare, and affects men and women equally; ΔE 17.2 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text14.78:1WCAG large text: AAA

Contrast with black, large text1.42:1WCAG large text: Fail

Named colours

Brown · ΔE 40.4 Black · ΔE 40.8 Maroon · ΔE 42 Purple · ΔE 43.3 Dark slateblue · ΔE 44.8 Indian red · ΔE 44.8

Nearest named CSS colourBrown (#A52A2A)ΔE 40.41, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#02542B

Analogous#540254, #540202

Triadic#2B5402, #022B54

Split complementary#025402, #025454

Tetradic#545402, #02542B, #020254

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FA2891

Lighter +30%#E90677

Lighter +20%#B8045E

Lighter +10%#860345

Darker −10%#220112

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#56002B

Less saturated −25%#490D2B

Channel breakdown

R84

B43

Red84 (32.9%)

Green2 (0.8%)

Blue43 (16.9%)

Hue330°

Saturation (HSL)95.35%

Lightness16.86%

Dominant channelRed

Hex per channelR 54 · G 02 · B 2B

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#54022B

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else