Recognised as Colour

#DEDE38

#DEDE38
Yellow
Light
Nearest: Gold

#DEDE38 is a yellow with RGB values 222, 222, 56 and HSL 60°, 72%, 55%. It is a light colour, so black text on it reaches 14.6:1 contrast (AAA for normal text). The nearest named colour is Gold.

Colour values

#DEDE38#DEDE38

HEX#DEDE38

RGBrgb(222, 222, 56)

RGB (0–1)0.8706, 0.8706, 0.2196

RGB percentages87.1%, 87.1%, 22%

HSLhsl(60, 71.6%, 54.5%)

HSV / HSBhsv(60, 74.8%, 87.1%)

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

24-bit integer14,605,880

CSS custom property--colour: #DEDE38;

Brightness & contrast

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

Perceived brightness209.8 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.61:1

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

Contrast with black14.61:1WCAG normal text: AAA

Greyscale equivalent#D2D2D2

Inverted#2121C7

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text14.61:1WCAG large text: AAA

Named colours

Gold · ΔE 20.2 Yellow · ΔE 22.4 Yellow green · ΔE 23.6 Goldenrod · ΔE 31.5 Khaki · ΔE 32 Green yellow · ΔE 35.3

Nearest named CSS colourGold (#FFD700)ΔE 20.2, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3838DE

Analogous#DE8B38, #8BDE38

Triadic#38DEDE, #DE38DE

Split complementary#388BDE, #8B38DE

Tetradic#38DE8B, #3838DE, #DE388B

Tints, shades & saturation

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

Lighter +40%#FBFBE7

Lighter +30%#F4F4BB

Lighter +20%#EDED8F

Lighter +10%#E5E564

Darker −10%#C3C320

Darker −20%#979719

Darker −30%#6B6B12

Darker −40%#3F3F0B

More saturated +25%#FBFB1B

Less saturated −25%#C1C155

Channel breakdown

R222

G222

B56

Red222 (87.1%)

Green222 (87.1%)

Blue56 (22%)

Hue60°

Saturation (HSL)71.55%

Lightness54.51%

Dominant channelRed and Green

Hex per channelR DE · G DE · B 38

Keep nerding

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

#DEDE38

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