Colour

#DEE22B

#DEE22B
Yellow
Light
Nearest: Yellow

#DEE22B is a yellow with RGB values 222, 226, 43 and HSL 61°, 76%, 53%. It is a light colour, so black text on it reaches 15:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#DEE22B#DEE22B

HEX#DEE22B

RGBrgb(222, 226, 43)

RGB (0–1)0.8706, 0.8863, 0.1686

RGB percentages87.1%, 88.6%, 16.9%

HSLhsl(61.3, 75.9%, 52.7%)

HSV / HSBhsv(61.3, 81%, 88.6%)

CMYK1.8%, 0%, 81%, 11.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,606,891

CSS custom property--colour: #DEE22B;

Brightness & contrast

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

Perceived brightness212 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.02:1

Contrast with white1.4:1WCAG normal text: Fail

Contrast with black15.02:1WCAG normal text: AAA

Greyscale equivalent#D4D4D4

Inverted#211DD4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.4:1WCAG large text: Fail

Contrast with black, large text15.02:1WCAG large text: AAA

Named colours

Yellow · ΔE 17.9 Gold · ΔE 20.1 Yellow green · ΔE 24.2 Green yellow · ΔE 32.3 Goldenrod · ΔE 35.1 Khaki · ΔE 36.8

Nearest named CSS colourYellow (#FFFF00)ΔE 17.87, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2F2BE2

Analogous#E28B2B, #82E22B

Triadic#2BDEE2, #E22BDE

Split complementary#2B83E2, #8A2BE2

Tetradic#2BE28B, #2F2BE2, #E22B83

Tints, shades & saturation

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

Lighter +40%#FAFBDE

Lighter +30%#F3F4B2

Lighter +20%#ECEE85

Lighter +10%#E5E858

Darker −10%#BCC01A

Darker −20%#909314

Darker −30%#64660E

Darker −40%#383908

More saturated +25%#FAFF0E

Less saturated −25%#C1C449

Channel breakdown

R222

G226

B43

Red222 (87.1%)

Green226 (88.6%)

Blue43 (16.9%)

Hue61.31°

Saturation (HSL)75.93%

Lightness52.75%

Dominant channelGreen

Hex per channelR DE · G E2 · B 2B

Keep nerding

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

#DEE22B

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