#D6B2CA#D6B2CA
#D6B2CA is a light, muted pink. Relative luminance 0.504; OKLCH L 80.2% C 0.052 H 338.5°. Best body text is #000000 at 11.08:1 contrast (WCAG AA passes).
Color values
| HEX | #D6B2CA |
|---|---|
| RGB | rgb(214, 178, 202) |
| HSL | hsl(320, 31%, 77%) |
| HSV | hsv(320, 17%, 84%) |
| CMYK | cmyk(0%, 16.8%, 5.6%, 16.1%) |
| CIE-LAB | lab(76.32, 17.00, -7.26) |
| CIE-LCH | lch(76.32, 18.48, 336.88°) |
| OKLab | oklab(80.23% 0.0487 -0.0192) |
| OKLCH | oklch(80.23% 0.052 338.5) |
| XYZ | xyz(54.3117, 50.4025, 62.7333) |
| Luminance | 0.5040 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Thistle
#D8BFD8
ΔE00 4.21
Lilac
#C8A2C8
ΔE00 5.80
Dusty Pink
#D8A7B1
ΔE00 6.68
Baby Pink
#FFB7CE
ΔE00 8.73
Powder Pink
#FFB2D0
ΔE00 8.80
Pastel Pink
#FFBACD
ΔE00 8.85
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D6B2CA #B2D6BE
analogous
#D0B2D6 #D6B2CA #D6B2B8
triadic
#D6B2CA #CAD6B2 #B2CAD6
tetradic
#D6B2CA #D6D0B2 #B2D6BE #B2B8D6
square
#D6B2CA #D6D0B2 #B2D6BE #B2B8D6
split-complementary
#D6B2CA #B8D6B2 #B2D6D0
monochromatic
#AB6293 #C18AAF #D6B2CA #EBDAE5 #F4EBF1
Accessibility & contrast
On white
1.90
#D6B2CA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.08
#D6B2CA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D6B2CA
11.08:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D6B2CA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D6B2CA | 1.00 | 1.90 | 11.08 | 11.08 |
| #FFFFFF | 1.90 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.08 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.08 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B3B9CB
Deuteranopia (green-blind)
#BBBEC9
Tritanopia (blue-blind)
#DAB3BA
Achromatopsia (no color)
#BCBCBC
Design tokens & code
CSS
--color: #d6b2ca; /* rgb */ color: rgb(214, 178, 202); /* oklch */ color: oklch(80.2% 0.052 338.5);
Tailwind
colors: {
custom: {
50: '#e3c9da',
500: '#d6b2ca',
950: '#000000',
},
}SCSS
$custom: #d6b2ca; $custom-light: #e3c9da; $custom-dark: #000000;
JSON
{
"hex": "#d6b2ca",
"rgb": {
"r": 214,
"g": 178,
"b": 202
},
"hsl": {
"h": 320,
"s": 30.508,
"l": 76.863
},
"oklch": {
"l": 0.80234,
"c": 0.05234,
"h": 338.5
},
"luminance": 0.50401
}Semantic roles & 50–950 ramp
primary
#D6B2CA
secondary
#80AD8F
accent
#A9613C
background
#FEFDFE
surface
#FCF9FB
border
#D5D2D4
text
#151314
muted
#848283