Recognised as Colour

#E4C811

#E4C811
Yellow
Light
Nearest: Gold

#E4C811 is a yellow with RGB values 228, 200, 17 and HSL 52°, 86%, 48%. It is a light colour, so black text on it reaches 12.6:1 contrast (AAA for normal text). The nearest named colour is Gold.

Colour values

#E4C811#E4C811

HEX#E4C811

RGBrgb(228, 200, 17)

RGB (0–1)0.8941, 0.7843, 0.0667

RGB percentages89.4%, 78.4%, 6.7%

HSLhsl(52, 86.1%, 48%)

HSV / HSBhsv(52, 92.5%, 89.4%)

CMYK0%, 12.3%, 92.5%, 10.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,993,425

CSS custom property--colour: #E4C811;

Brightness & contrast

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

Perceived brightness197.6 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.57:1

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

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

Greyscale equivalent#C1C1C1

Inverted#1B37EE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Gold · ΔE 10.4 Goldenrod · ΔE 20.5 Yellow · ΔE 27.2 Orange · ΔE 30.2 Dark goldenrod · ΔE 31.5 Yellow green · ΔE 35.1

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#112DE4

Analogous#E45E11, #97E411

Triadic#11E4C8, #C811E4

Split complementary#1197E4, #5E11E4

Tetradic#11E45E, #112DE4, #E41197

Tints, shades & saturation

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

Lighter +40%#FBF4C6

Lighter +30%#F7EA97

Lighter +20%#F4E167

Lighter +10%#F0D838

Darker −10%#B59E0D

Darker −20%#85750A

Darker −30%#564B06

Darker −40%#262103

More saturated +25%#F5D400

Less saturated −25%#C5B230

Channel breakdown

R228

G200

B17

Red228 (89.4%)

Green200 (78.4%)

Blue17 (6.7%)

Hue52.04°

Saturation (HSL)86.12%

Lightness48.04%

Dominant channelRed

Hex per channelR E4 · G C8 · B 11

Keep nerding

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

#E4C811

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