#D4C723#D4C723
#D4C723 is a light, vivid yellow. Relative luminance 0.550; OKLCH L 81.5% C 0.165 H 104.5°. Best body text is #000000 at 11.99:1 contrast (WCAG AA passes).
Color values
| HEX | #D4C723 |
|---|---|
| RGB | rgb(212, 199, 35) |
| HSL | hsl(56, 72%, 48%) |
| HSV | hsv(56, 83%, 83%) |
| CMYK | cmyk(0%, 6.1%, 83.5%, 16.9%) |
| CIE-LAB | lab(79.02, -11.74, 74.58) |
| CIE-LCH | lch(79.02, 75.50, 98.94°) |
| OKLab | oklab(81.52% -0.0413 0.1599) |
| OKLCH | oklch(81.52% 0.165 104.5) |
| XYZ | xyz(47.8804, 54.9673, 9.6775) |
| Luminance | 0.5496 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Dirty Yellow
#CDC50A
ΔE00 1.54
Ugly Yellow
#D0C101
ΔE00 1.75
Vomit Yellow
#C7C10C
ΔE00 2.50
Mustard Yellow
#D2BD0A
ΔE00 3.05
Puke Yellow
#C2BE0E
ΔE00 3.46
Piss Yellow
#DDD618
ΔE00 3.84
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D4C723 #2330D4
analogous
#D46E23 #D4C723 #88D423
triadic
#D4C723 #23D4C7 #C723D4
tetradic
#D4C723 #23D46E #2330D4 #D42388
square
#D4C723 #23D46E #2330D4 #D42388
split-complementary
#D4C723 #2388D4 #6E23D4
monochromatic
#6B6412 #9F961A #D4C723 #E2D852 #EBE486
Accessibility & contrast
On white
1.75
#D4C723 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.99
#D4C723 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D4C723
11.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D4C723 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D4C723 | 1.00 | 1.75 | 11.99 | 11.99 |
| #FFFFFF | 1.75 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DAC000
Deuteranopia (green-blind)
#DEC733
Tritanopia (blue-blind)
#E5B9AA
Achromatopsia (no color)
#C4C4C4
Design tokens & code
CSS
--color: #d4c723; /* rgb */ color: rgb(212, 199, 35); /* oklch */ color: oklch(81.5% 0.165 104.5);
Tailwind
colors: {
custom: {
50: '#e6d770',
500: '#d4c723',
950: '#000000',
},
}SCSS
$custom: #d4c723; $custom-light: #e6d770; $custom-dark: #000000;
JSON
{
"hex": "#d4c723",
"rgb": {
"r": 212,
"g": 199,
"b": 35
},
"hsl": {
"h": 55.593,
"s": 71.66,
"l": 48.431
},
"oklch": {
"l": 0.81515,
"c": 0.16515,
"h": 104.5
},
"luminance": 0.54965
}Semantic roles & 50–950 ramp
primary
#D4C723
secondary
#272C75
accent
#47EE39
background
#FFFEFB
surface
#FEFBF1
border
#D6D4CB
text
#171408
muted
#85837D