#D267BE#D267BE
#D267BE is a light, vivid pink. Relative luminance 0.271; OKLCH L 66.9% C 0.170 H 334.9°. Best body text is #000000 at 6.42:1 contrast (WCAG AA passes).
Color values
| HEX | #D267BE |
|---|---|
| RGB | rgb(210, 103, 190) |
| HSL | hsl(311, 54%, 61%) |
| HSV | hsv(311, 51%, 82%) |
| CMYK | cmyk(0%, 51%, 9.5%, 17.6%) |
| CIE-LAB | lab(59.09, 53.28, -26.66) |
| CIE-LCH | lch(59.09, 59.58, 333.42°) |
| OKLab | oklab(66.91% 0.1541 -0.0722) |
| OKLCH | oklch(66.91% 0.17 334.9) |
| XYZ | xyz(40.7229, 27.1226, 51.7955) |
| Luminance | 0.2712 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Purplish Pink
#CE5DAE
ΔE00 3.43
Orchid (survey)
#C875C4
ΔE00 3.60
Pale Magenta
#D767AD
ΔE00 4.18
Orchid
#DA70D6
ΔE00 4.41
Purpleish Pink
#DF4EC8
ΔE00 4.67
Pinky Purple
#C94CBE
ΔE00 6.48
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D267BE #67D27B
analogous
#B167D2 #D267BE #D26789
triadic
#D267BE #BED267 #67BED2
tetradic
#D267BE #D2B167 #67D27B #6789D2
square
#D267BE #D2B167 #67D27B #6789D2
split-complementary
#D267BE #89D267 #67D2B1
monochromatic
#932C80 #C23AA9 #D267BE #E096D2 #EEC5E6
Accessibility & contrast
On white
3.27
#D267BE on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.42
#D267BE on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #D267BE
6.42:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D267BE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D267BE | 1.00 | 3.27 | 6.42 | 6.42 |
| #FFFFFF | 3.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.42 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.42 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6784C1
Deuteranopia (green-blind)
#8594BB
Tritanopia (blue-blind)
#DB6D8A
Achromatopsia (no color)
#8E8E8E
Design tokens & code
CSS
--color: #d267be; /* rgb */ color: rgb(210, 103, 190); /* oklch */ color: oklch(66.9% 0.170 334.9);
Tailwind
colors: {
custom: {
50: '#e296d1',
500: '#d267be',
950: '#000000',
},
}SCSS
$custom: #d267be; $custom-light: #e296d1; $custom-dark: #000000;
JSON
{
"hex": "#d267be",
"rgb": {
"r": 210,
"g": 103,
"b": 190
},
"hsl": {
"h": 311.215,
"s": 54.315,
"l": 61.373
},
"oklch": {
"l": 0.66912,
"c": 0.17016,
"h": 334.9
},
"luminance": 0.2712
}Semantic roles & 50–950 ramp
primary
#D267BE
secondary
#B6DEBE
accent
#C24124
background
#FEF9FC
surface
#FCF2F9
border
#D5CCD2
text
#160E14
muted
#847E82