Colour
#E4C504
- #E4C504
- Yellow
- Light
- Nearest: Gold
#E4C504 is a yellow with RGB values 228, 197, 4 and HSL 52°, 97%, 45%. It is a light colour, so black text on it reaches 12.3:1 contrast (AAA for normal text). The nearest named colour is Gold.
Colour values
#E4C504#E4C504
HEX#E4C504
RGBrgb(228, 197, 4)
RGB (0–1)0.8941, 0.7725, 0.0157
RGB percentages89.4%, 77.3%, 1.6%
HSLhsl(51.7, 96.6%, 45.5%)
HSV / HSBhsv(51.7, 98.2%, 89.4%)
CMYK0%, 13.6%, 98.2%, 10.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,992,644
CSS custom property--colour: #E4C504;
Brightness & contrast
Relative luminance0.56435WCAG 2.x, 0 is black and 1 is white
Perceived brightness195.8 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 12.29:1
Contrast with white1.71:1WCAG normal text: Fail
Contrast with black12.29:1WCAG normal text: AAA
Greyscale equivalent#BEBEBE
Inverted#1B3AFB
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.71:1WCAG large text: Fail
Contrast with black, large text12.29:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#0423E4
Analogous#E45504, #93E404
Triadic#04E4C5, #C504E4
Split complementary#0493E4, #5504E4
Tetradic#04E455, #0423E4, #E40493
Tints, shades & saturation
Channel breakdown
R228
G197
B4
Red228 (89.4%)
Green197 (77.3%)
Blue4 (1.6%)
Hue51.7°
Saturation (HSL)96.55%
Lightness45.49%
Dominant channelRed
Hex per channelR E4 · G C5 · B 04
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page