Colour

#CCD55E

#CCD55E
Yellow
Light
Nearest: Khaki

#CCD55E is a yellow with RGB values 204, 213, 94 and HSL 65°, 59%, 60%. It is a light colour, so black text on it reaches 13.2:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#CCD55E#CCD55E

HEX#CCD55E

RGBrgb(204, 213, 94)

RGB (0–1)0.8, 0.8353, 0.3686

RGB percentages80%, 83.5%, 36.9%

HSLhsl(64.5, 58.6%, 60.2%)

HSV / HSBhsv(64.5, 55.9%, 83.5%)

CMYK4.2%, 0%, 55.9%, 16.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,423,966

CSS custom property--colour: #CCD55E;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 13.25:1

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

Contrast with black13.25:1WCAG normal text: AAA

Greyscale equivalent#CACACA

Inverted#332AA1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text13.25:1WCAG large text: AAA

Named colours

Khaki · ΔE 17.3 Dark khaki · ΔE 22.1 Yellow green · ΔE 22.2 Pale goldenrod · ΔE 29.5 Olivedrab · ΔE 30.1 Olive · ΔE 31.2

Nearest named CSS colourKhaki (#F0E68C)ΔE 17.26, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#675ED5

Analogous#D5A35E, #91D55E

Triadic#5ECCD5, #D55ECC

Split complementary#5E91D5, #A35ED5

Tetradic#5ED5A3, #675ED5, #D55E91

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F2F5D7

Lighter +20%#E6EAAF

Lighter +10%#D9E086

Darker −10%#BFCA36

Darker −20%#99A32A

Darker −30%#737A20

Darker −40%#4D5215

More saturated +25%#E2EE45

Less saturated −25%#B6BC77

Channel breakdown

R204

G213

B94

Red204 (80%)

Green213 (83.5%)

Blue94 (36.9%)

Hue64.54°

Saturation (HSL)58.62%

Lightness60.2%

Dominant channelGreen

Hex per channelR CC · G D5 · B 5E

Keep nerding

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

#CCD55E

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