#D6BCBE#D6BCBE
#D6BCBE is a light, muted red. Relative luminance 0.540; OKLCH L 81.8% C 0.030 H 12.5°. Best body text is #000000 at 11.80:1 contrast (WCAG AA passes).
Color values
| HEX | #D6BCBE |
|---|---|
| RGB | rgb(214, 188, 190) |
| HSL | hsl(355, 24%, 79%) |
| HSV | hsv(355, 12%, 84%) |
| CMYK | cmyk(0%, 12.1%, 11.2%, 16.1%) |
| CIE-LAB | lab(78.45, 9.56, 2.39) |
| CIE-LCH | lch(78.45, 9.86, 14.03°) |
| OKLab | oklab(81.79% 0.0291 0.0064) |
| OKLCH | oklch(81.79% 0.03 12.5) |
| XYZ | xyz(55.0084, 53.9815, 56.2269) |
| Luminance | 0.5398 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Pinkish Grey
#C8ACA9
ΔE00 4.80
Dusty Pink
#D8A7B1
ΔE00 8.32
Thistle
#D8BFD8
ΔE00 8.73
Pale Pink
#FFCFDC
ΔE00 9.46
Pale Rose
#FDC1C5
ΔE00 9.50
Light Rose
#FFC5CB
ΔE00 9.52
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D6BCBE #BCD6D4
analogous
#D6BCCB #D6BCBE #D6C7BC
triadic
#D6BCBE #BED6BC #BCBED6
tetradic
#D6BCBE #CBD6BC #BCD6D4 #C7BCD6
square
#D6BCBE #CBD6BC #BCD6D4 #C7BCD6
split-complementary
#D6BCBE #BCD6C7 #BCCBD6
monochromatic
#A87074 #BF9699 #D6BCBE #EDE2E3 #F3ECED
Accessibility & contrast
On white
1.78
#D6BCBE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.80
#D6BCBE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D6BCBE
11.80:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D6BCBE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D6BCBE | 1.00 | 1.78 | 11.80 | 11.80 |
| #FFFFFF | 1.78 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.80 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C0BFBE
Deuteranopia (green-blind)
#C6C4BE
Tritanopia (blue-blind)
#DCBABD
Achromatopsia (no color)
#C2C2C2
Design tokens & code
CSS
--color: #d6bcbe; /* rgb */ color: rgb(214, 188, 190); /* oklch */ color: oklch(81.8% 0.030 12.5);
Tailwind
colors: {
custom: {
50: '#e2d0d1',
500: '#d6bcbe',
950: '#000000',
},
}SCSS
$custom: #d6bcbe; $custom-light: #e2d0d1; $custom-dark: #000000;
JSON
{
"hex": "#d6bcbe",
"rgb": {
"r": 214,
"g": 188,
"b": 190
},
"hsl": {
"h": 355.385,
"s": 24.074,
"l": 78.824
},
"oklch": {
"l": 0.81786,
"c": 0.02979,
"h": 12.5
},
"luminance": 0.5398
}Semantic roles & 50–950 ramp
primary
#D6BCBE
secondary
#8AACA9
accent
#A39B43
background
#FEFEFE
surface
#FCFBFB
border
#D5D4D4
text
#151414
muted
#848383