#D99272#D99272
#D99272 is a light, moderate orange. Relative luminance 0.365; OKLCH L 72.4% C 0.097 H 45.0°. Best body text is #000000 at 8.30:1 contrast (WCAG AA passes).
Color values
| HEX | #D99272 |
|---|---|
| RGB | rgb(217, 146, 114) |
| HSL | hsl(19, 58%, 65%) |
| HSV | hsv(19, 47%, 85%) |
| CMYK | cmyk(0%, 32.7%, 47.5%, 14.9%) |
| CIE-LAB | lab(66.92, 23.22, 27.86) |
| CIE-LCH | lch(66.92, 36.27, 50.19°) |
| OKLab | oklab(72.35% 0.0688 0.0688) |
| OKLCH | oklch(72.35% 0.097 45) |
| XYZ | xyz(41.9336, 36.5277, 20.7583) |
| Luminance | 0.3652 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Pinkish Tan
#D99B82
ΔE00 3.29
Darksalmon
#E9967A
ΔE00 3.78
Dark Peach
#DE7E5D
ΔE00 6.00
Lightsalmon
#FFA07A
ΔE00 7.12
Blush (survey)
#F29E8E
ΔE00 8.14
Orangish
#FC824A
ΔE00 9.01
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D99272 #72B9D9
analogous
#D97285 #D99272 #D9C672
triadic
#D99272 #72D992 #9272D9
tetradic
#D99272 #85D972 #72B9D9 #C672D9
square
#D99272 #85D972 #72B9D9 #C672D9
split-complementary
#D99272 #72D9C6 #7285D9
monochromatic
#A4522C #CC6D42 #D99272 #E6B7A2 #F3DDD2
Accessibility & contrast
On white
2.53
#D99272 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.30
#D99272 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D99272
8.30:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D99272 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D99272 | 1.00 | 2.53 | 8.30 | 8.30 |
| #FFFFFF | 2.53 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.30 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.30 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#A59A70
Deuteranopia (green-blind)
#B5A972
Tritanopia (blue-blind)
#EA868A
Achromatopsia (no color)
#A3A3A3
Design tokens & code
CSS
--color: #d99272; /* rgb */ color: rgb(217, 146, 114); /* oklch */ color: oklch(72.4% 0.097 45.0);
Tailwind
colors: {
custom: {
50: '#e7b29b',
500: '#d99272',
950: '#000000',
},
}SCSS
$custom: #d99272; $custom-light: #e7b29b; $custom-dark: #000000;
JSON
{
"hex": "#d99272",
"rgb": {
"r": 217,
"g": 146,
"b": 114
},
"hsl": {
"h": 18.641,
"s": 57.542,
"l": 64.902
},
"oklch": {
"l": 0.72354,
"c": 0.09731,
"h": 45
},
"luminance": 0.36524
}Semantic roles & 50–950 ramp
primary
#D99272
secondary
#C2DAE5
accent
#92C520
background
#FEFBF9
surface
#FDF6F2
border
#D5D0CC
text
#16110E
muted
#84807E