Colour
#ECEC57
- #ECEC57
- Yellow
- Light
- Nearest: Gold
#ECEC57 is a yellow with RGB values 236, 236, 87 and HSL 60°, 80%, 63%. It is a light colour, so black text on it reaches 16.7:1 contrast (AAA for normal text). The nearest named colour is Gold.
Colour values
#ECEC57#ECEC57
HEX#ECEC57
RGBrgb(236, 236, 87)
RGB (0–1)0.9255, 0.9255, 0.3412
RGB percentages92.5%, 92.5%, 34.1%
HSLhsl(60, 79.7%, 63.3%)
HSV / HSBhsv(60, 63.1%, 92.5%)
CMYK0%, 0%, 63.1%, 7.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,526,999
CSS custom property--colour: #ECEC57;
Brightness & contrast
Relative luminance0.78512WCAG 2.x, 0 is black and 1 is white
Perceived brightness224.1 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 16.7:1
Contrast with white1.26:1WCAG normal text: Fail
Contrast with black16.7:1WCAG normal text: AAA
Greyscale equivalent#E1E1E1
Inverted#1313A8
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.26:1WCAG large text: Fail
Contrast with black, large text16.7:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#5757EC
Analogous#ECA257, #A2EC57
Triadic#57ECEC, #EC57EC
Split complementary#57A2EC, #A257EC
Tetradic#57ECA2, #5757EC, #EC57A2
Tints, shades & saturation
Channel breakdown
R236
G236
B87
Red236 (92.5%)
Green236 (92.5%)
Blue87 (34.1%)
Hue60°
Saturation (HSL)79.68%
Lightness63.33%
Dominant channelRed and Green
Hex per channelR EC · G EC · B 57
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