#D6D344#D6D344
#D6D344 is a very light, vivid yellow. Relative luminance 0.613; OKLCH L 84.4% C 0.159 H 108.2°. Best body text is #000000 at 13.26:1 contrast (WCAG AA passes).
Color values
| HEX | #D6D344 |
|---|---|
| RGB | rgb(214, 211, 68) |
| HSL | hsl(59, 64%, 55%) |
| HSV | hsv(59, 68%, 84%) |
| CMYK | cmyk(0%, 1.4%, 68.2%, 16.1%) |
| CIE-LAB | lab(82.54, -15.62, 67.63) |
| CIE-LCH | lch(82.54, 69.41, 103.01°) |
| OKLab | oklab(84.41% -0.0495 0.1509) |
| OKLCH | oklch(84.41% 0.159 108.2) |
| XYZ | xyz(52.0711, 61.3037, 14.5576) |
| Luminance | 0.6130 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Piss Yellow
#DDD618
ΔE00 3.37
Dirty Yellow
#CDC50A
ΔE00 4.34
Dull Yellow
#EEDC5B
ΔE00 4.72
Vomit Yellow
#C7C10C
ΔE00 4.96
Puke Yellow
#C2BE0E
ΔE00 5.58
Ugly Yellow
#D0C101
ΔE00 5.67
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D6D344 #4447D6
analogous
#D68A44 #D6D344 #90D644
triadic
#D6D344 #44D6D3 #D344D6
tetradic
#D6D344 #44D68A #4447D6 #D64490
square
#D6D344 #44D68A #4447D6 #D64490
split-complementary
#D6D344 #4490D6 #8A44D6
monochromatic
#83811D #B5B228 #D6D344 #E1DF76 #ECEBA8
Accessibility & contrast
On white
1.58
#D6D344 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.26
#D6D344 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D6D344
13.26:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D6D344 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D6D344 | 1.00 | 1.58 | 13.26 | 13.26 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.26 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E4CB2E
Deuteranopia (green-blind)
#E6D04E
Tritanopia (blue-blind)
#E5C6B7
Achromatopsia (no color)
#CDCDCD
Design tokens & code
CSS
--color: #d6d344; /* rgb */ color: rgb(214, 211, 68); /* oklch */ color: oklch(84.4% 0.159 108.2);
Tailwind
colors: {
custom: {
50: '#e6e080',
500: '#d6d344',
950: '#000000',
},
}SCSS
$custom: #d6d344; $custom-light: #e6e080; $custom-dark: #000000;
JSON
{
"hex": "#d6d344",
"rgb": {
"r": 214,
"g": 211,
"b": 68
},
"hsl": {
"h": 58.767,
"s": 64.035,
"l": 55.294
},
"oklch": {
"l": 0.84413,
"c": 0.15883,
"h": 108.2
},
"luminance": 0.61302
}Semantic roles & 50–950 ramp
primary
#D6D344
secondary
#34368A
accent
#44E741
background
#FFFEFB
surface
#FEFCF2
border
#D6D5CC
text
#16150B
muted
#85847E