#CECA51#CECA51
#CECA51 is a light, vivid yellow. Relative luminance 0.560; OKLCH L 81.9% C 0.142 H 107.4°. Best body text is #000000 at 12.19:1 contrast (WCAG AA passes).
Color values
| HEX | #CECA51 |
|---|---|
| RGB | rgb(206, 202, 81) |
| HSL | hsl(58, 56%, 56%) |
| HSV | hsv(58, 61%, 81%) |
| CMYK | cmyk(0%, 1.9%, 60.7%, 19.2%) |
| CIE-LAB | lab(79.59, -13.69, 59.16) |
| CIE-LCH | lch(79.59, 60.72, 103.03°) |
| OKLab | oklab(81.93% -0.0423 0.1352) |
| OKLCH | oklch(81.93% 0.142 107.4) |
| XYZ | xyz(48.0609, 55.9584, 16.0524) |
| Luminance | 0.5596 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Vomit Yellow
#C7C10C
ΔE00 4.89
Dirty Yellow
#CDC50A
ΔE00 4.90
Puke Yellow
#C2BE0E
ΔE00 5.07
Ugly Yellow
#D0C101
ΔE00 5.85
Baby Puke Green
#B6C406
ΔE00 5.95
Piss Yellow
#DDD618
ΔE00 6.02
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CECA51 #5155CE
analogous
#CE8C51 #CECA51 #94CE51
triadic
#CECA51 #51CECA #CA51CE
tetradic
#CECA51 #51CE8C #5155CE #CE5194
square
#CECA51 #51CE8C #5155CE #CE5194
split-complementary
#CECA51 #5194CE #8C51CE
monochromatic
#807D24 #B0AC32 #CECA51 #DBD981 #E9E7B1
Accessibility & contrast
On white
1.72
#CECA51 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.19
#CECA51 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CECA51
12.19:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CECA51 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CECA51 | 1.00 | 1.72 | 12.19 | 12.19 |
| #FFFFFF | 1.72 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.19 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.19 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DAC343
Deuteranopia (green-blind)
#DCC758
Tritanopia (blue-blind)
#DCBEB0
Achromatopsia (no color)
#C5C5C5
Design tokens & code
CSS
--color: #ceca51; /* rgb */ color: rgb(206, 202, 81); /* oklch */ color: oklch(81.9% 0.142 107.4);
Tailwind
colors: {
custom: {
50: '#e0d987',
500: '#ceca51',
950: '#000000',
},
}SCSS
$custom: #ceca51; $custom-light: #e0d987; $custom-dark: #000000;
JSON
{
"hex": "#ceca51",
"rgb": {
"r": 206,
"g": 202,
"b": 81
},
"hsl": {
"h": 58.08,
"s": 56.054,
"l": 56.275
},
"oklch": {
"l": 0.81933,
"c": 0.14165,
"h": 107.4
},
"luminance": 0.55957
}Semantic roles & 50–950 ramp
primary
#CECA51
secondary
#3B3E88
accent
#4DDF48
background
#FEFEFC
surface
#FCFBF3
border
#D5D4CD
text
#16140C
muted
#84837F