#310D43#310D43
#310D43 is a dark, moderate purple. Relative luminance 0.013; OKLCH L 25.0% C 0.099 H 311.8°. Best body text is #FFFFFF at 16.55:1 contrast (WCAG AA passes).
Color values
| HEX | #310D43 |
|---|---|
| RGB | rgb(49, 13, 67) |
| HSL | hsl(280, 68%, 16%) |
| HSV | hsv(280, 81%, 26%) |
| CMYK | cmyk(26.9%, 80.6%, 0%, 73.7%) |
| CIE-LAB | lab(11.59, 28.22, -26.09) |
| CIE-LCH | lch(11.59, 38.44, 317.25°) |
| OKLab | oklab(25.04% 0.066 -0.0737) |
| OKLCH | oklch(25.04% 0.099 311.8) |
| XYZ | xyz(2.4235, 1.3461, 5.4413) |
| Luminance | 0.0135 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Dark Purple
#35063E
ΔE00 2.38
Dark Violet
#34013F
ΔE00 2.79
Deep Purple
#36013F
ΔE00 3.05
Midnight Purple
#280137
ΔE00 3.12
Very Dark Purple
#2A0134
ΔE00 3.53
Eggplant Purple
#430541
ΔE00 5.26
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#310D43 #1F430D
analogous
#160D43 #310D43 #430D3A
triadic
#310D43 #43310D #0D4331
tetradic
#310D43 #43160D #1F430D #0D3A43
square
#310D43 #43160D #1F430D #0D3A43
split-complementary
#310D43 #3A430D #0D4316
monochromatic
#13051A #13051A #310D43 #561776 #7C21AA
Accessibility & contrast
On white
16.55
#310D43 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.27
#310D43 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #310D43
16.55:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##310D43 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##310D43 | 1.00 | 16.55 | 1.27 | 16.55 |
| #FFFFFF | 16.55 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.27 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.55 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#001D45
Deuteranopia (green-blind)
#061F42
Tritanopia (blue-blind)
#2F1927
Achromatopsia (no color)
#1F1F1F
Design tokens & code
CSS
--color: #310d43; /* rgb */ color: rgb(49, 13, 67); /* oklch */ color: oklch(25.0% 0.099 311.8);
Tailwind
colors: {
custom: {
50: '#6c4f77',
500: '#310d43',
950: '#000000',
},
}SCSS
$custom: #310d43; $custom-light: #6c4f77; $custom-dark: #000000;
JSON
{
"hex": "#310d43",
"rgb": {
"r": 49,
"g": 13,
"b": 67
},
"hsl": {
"h": 280,
"s": 67.5,
"l": 15.686
},
"oklch": {
"l": 0.25039,
"c": 0.09898,
"h": 311.8
},
"luminance": 0.01346
}Semantic roles & 50–950 ramp
primary
#310D43
secondary
#487E2D
accent
#EA3D77
background
#F6F4F7
surface
#EBE7ED
border
#C6C3C8
text
#070209
muted
#7A787B