Colour

#DEA21E

#DEA21E
Orange
Dark
Nearest: Goldenrod

#DEA21E is a orange with RGB values 222, 162, 30 and HSL 41°, 76%, 49%. It is a dark colour, so black text on it reaches 9.3:1 contrast (AAA for normal text). The nearest named colour is Goldenrod.

Colour values

#DEA21E#DEA21E

HEX#DEA21E

RGBrgb(222, 162, 30)

RGB (0–1)0.8706, 0.6353, 0.1176

RGB percentages87.1%, 63.5%, 11.8%

HSLhsl(41.2, 76.2%, 49.4%)

HSV / HSBhsv(41.2, 86.5%, 87.1%)

CMYK0%, 27%, 86.5%, 12.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,590,494

CSS custom property--colour: #DEA21E;

Brightness & contrast

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

Perceived brightness173.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.29:1

Contrast with white2.26:1WCAG normal text: Fail

Contrast with black9.29:1WCAG normal text: AAA

Greyscale equivalent#A5A5A5

Inverted#215DE1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#BAA400no red cones; affects about 1% of men; ΔE 17.8 from the original

Deuteranopia#C8B326no green cones; the most common form, about 1% of men; ΔE 18.6 from the original

Tritanopia#F2908Bno blue cones; rare, and affects men and women equally; ΔE 56.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.26:1WCAG large text: Fail

Contrast with black, large text9.29:1WCAG large text: AAA

Named colours

Goldenrod · ΔE 3.3 Dark goldenrod · ΔE 13.2 Orange · ΔE 16.2 Peru · ΔE 24.9 Sandy brown · ΔE 25.3 Dark orange · ΔE 25.8

Nearest named CSS colourGoldenrod (#DAA520)ΔE 3.34, a close match

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1E5ADE

Analogous#DE421E, #BADE1E

Triadic#1EDEA2, #A21EDE

Split complementary#1EBADE, #421EDE

Tetradic#1EDE42, #1E5ADE, #DE1EBA

Tints, shades & saturation

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

Lighter +40%#F9ECCF

Lighter +30%#F3DAA3

Lighter +20%#ECC776

Lighter +10%#E6B549

Darker −10%#B18118

Darker −20%#846012

Darker −30%#57400C

Darker −40%#2A1F06

More saturated +25%#FCAD00

Less saturated −25%#BF963E

Channel breakdown

R222

G162

B30

Red222 (87.1%)

Green162 (63.5%)

Blue30 (11.8%)

Hue41.25°

Saturation (HSL)76.19%

Lightness49.41%

Dominant channelRed

Hex per channelR DE · G A2 · B 1E

Keep nerding

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

#DEA21E

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