Colour

#E3CC2E

#E3CC2E
Yellow
Light
Nearest: Gold

#E3CC2E is a yellow with RGB values 227, 204, 46 and HSL 52°, 76%, 54%. It is a light colour, so black text on it reaches 12.9:1 contrast (AAA for normal text). The nearest named colour is Gold.

Colour values

#E3CC2E#E3CC2E

HEX#E3CC2E

RGBrgb(227, 204, 46)

RGB (0–1)0.8902, 0.8, 0.1804

RGB percentages89%, 80%, 18%

HSLhsl(52.4, 76.4%, 53.5%)

HSV / HSBhsv(52.4, 79.7%, 89%)

CMYK0%, 10.1%, 79.7%, 11%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,928,942

CSS custom property--colour: #E3CC2E;

Brightness & contrast

Relative luminance0.59714WCAG 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 12.94:1

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

Contrast with black12.94:1WCAG normal text: AAA

Greyscale equivalent#C5C5C5

Inverted#1C33D1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text12.94:1WCAG large text: AAA

Named colours

Gold · ΔE 14.8 Goldenrod · ΔE 20.2 Yellow · ΔE 28.9 Dark goldenrod · ΔE 30.7 Khaki · ΔE 30.8 Yellow green · ΔE 31.9

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2E45E3

Analogous#E3712E, #A0E32E

Triadic#2EE3CC, #CC2EE3

Split complementary#2EA0E3, #712EE3

Tetradic#2EE371, #2E45E3, #E32EA0

Tints, shades & saturation

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

Lighter +40%#FBF8E2

Lighter +30%#F5EDB5

Lighter +20%#EFE288

Lighter +10%#E9D75B

Darker −10%#C4AE1A

Darker −20%#978614

Darker −30%#6A5E0E

Darker −40%#3D3608

More saturated +25%#FFE112

Less saturated −25%#C5B64C

Channel breakdown

R227

G204

B46

Red227 (89%)

Green204 (80%)

Blue46 (18%)

Hue52.38°

Saturation (HSL)76.37%

Lightness53.53%

Dominant channelRed

Hex per channelR E3 · G CC · B 2E

Keep nerding

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

#E3CC2E

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