Colour

#DFE22F

#DFE22F
Yellow
Light
Nearest: Yellow

#DFE22F is a yellow with RGB values 223, 226, 47 and HSL 61°, 76%, 54%. It is a light colour, so black text on it reaches 15.1:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#DFE22F#DFE22F

HEX#DFE22F

RGBrgb(223, 226, 47)

RGB (0–1)0.8745, 0.8863, 0.1843

RGB percentages87.5%, 88.6%, 18.4%

HSLhsl(61, 75.5%, 53.5%)

HSV / HSBhsv(61, 79.2%, 88.6%)

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

24-bit integer14,672,431

CSS custom property--colour: #DFE22F;

Brightness & contrast

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

Perceived brightness212.4 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.06:1

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

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

Greyscale equivalent#D4D4D4

Inverted#201DD0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Yellow · ΔE 18.6 Gold · ΔE 20 Yellow green · ΔE 24.1 Green yellow · ΔE 32.9 Goldenrod · ΔE 34.5 Khaki · ΔE 35.8

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#322FE2

Analogous#E28B2F, #86E22F

Triadic#2FDFE2, #E22FDF

Split complementary#2F85E2, #8C2FE2

Tetradic#2FE28B, #322FE2, #E22F85

Tints, shades & saturation

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

Lighter +40%#FBFBE2

Lighter +30%#F4F5B5

Lighter +20%#EDEE89

Lighter +10%#E6E85C

Darker −10%#C0C31B

Darker −20%#949615

Darker −30%#68690F

Darker −40%#3C3D08

More saturated +25%#FBFF12

Less saturated −25%#C2C44D

Channel breakdown

R223

G226

B47

Red223 (87.5%)

Green226 (88.6%)

Blue47 (18.4%)

Hue61.01°

Saturation (HSL)75.53%

Lightness53.53%

Dominant channelGreen

Hex per channelR DF · G E2 · B 2F

Keep nerding

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

#DFE22F

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