#6D288D#6D288D
#6D288D is a dark, vivid purple. Relative luminance 0.067; OKLCH L 42.7% C 0.164 H 312.9°. Best body text is #FFFFFF at 8.98:1 contrast (WCAG AA passes).
Color values
| HEX | #6D288D |
|---|---|
| RGB | rgb(109, 40, 141) |
| HSL | hsl(281, 56%, 35%) |
| HSV | hsv(281, 72%, 55%) |
| CMYK | cmyk(22.7%, 71.6%, 0%, 44.7%) |
| CIE-LAB | lab(31.10, 46.94, -42.66) |
| CIE-LCH | lch(31.10, 63.43, 317.74°) |
| OKLab | oklab(42.67% 0.1118 -0.1204) |
| OKLCH | oklch(42.67% 0.164 312.9) |
| XYZ | xyz(11.8723, 6.6922, 25.8605) |
| Luminance | 0.0669 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Purple (survey)
#7E1E9C
ΔE00 3.58
Rebeccapurple
#663399
ΔE00 3.65
Purple
#800080
ΔE00 6.06
Darkish Purple
#751973
ΔE00 6.27
Darkmagenta
#8B008B
ΔE00 6.45
Indigo
#4B0082
ΔE00 8.62
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6D288D #488D28
analogous
#3A288D #6D288D #8D287A
triadic
#6D288D #8D6D28 #288D6D
tetradic
#6D288D #8D3A28 #488D28 #287A8D
square
#6D288D #8D3A28 #488D28 #287A8D
split-complementary
#6D288D #7A8D28 #288D3A
monochromatic
#230D2E #481A5D #6D288D #9236BD #AD5ED1
Accessibility & contrast
On white
8.98
#6D288D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.34
#6D288D on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #6D288D
8.98:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6D288D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##6D288D | 1.00 | 8.98 | 2.34 | 8.98 |
| #FFFFFF | 8.98 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.34 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.98 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#004690
Deuteranopia (green-blind)
#1F4B8B
Tritanopia (blue-blind)
#6A3D57
Achromatopsia (no color)
#494949
Design tokens & code
CSS
--color: #6d288d; /* rgb */ color: rgb(109, 40, 141); /* oklch */ color: oklch(42.7% 0.164 312.9);
Tailwind
colors: {
custom: {
50: '#9a68af',
500: '#6d288d',
950: '#000000',
},
}SCSS
$custom: #6d288d; $custom-light: #9a68af; $custom-dark: #000000;
JSON
{
"hex": "#6d288d",
"rgb": {
"r": 109,
"g": 40,
"b": 141
},
"hsl": {
"h": 280.99,
"s": 55.801,
"l": 35.49
},
"oklch": {
"l": 0.42668,
"c": 0.16426,
"h": 312.9
},
"luminance": 0.06692
}Semantic roles & 50–950 ramp
primary
#6D288D
secondary
#77B75A
accent
#DF4978
background
#F9F6FA
surface
#F2EBF4
border
#CCC6CE
text
#0E0610
muted
#7E7A7F