#3F0C5B#3F0C5B
#3F0C5B is a dark, vivid violet. Relative luminance 0.021; OKLCH L 29.2% C 0.131 H 309.5°. Best body text is #FFFFFF at 14.84:1 contrast (WCAG AA passes).
Color values
| HEX | #3F0C5B |
|---|---|
| RGB | rgb(63, 12, 91) |
| HSL | hsl(279, 77%, 20%) |
| HSV | hsv(279, 87%, 36%) |
| CMYK | cmyk(30.8%, 86.8%, 0%, 64.3%) |
| CIE-LAB | lab(15.88, 37.52, -35.52) |
| CIE-LCH | lch(15.88, 51.67, 316.57°) |
| OKLab | oklab(29.19% 0.0832 -0.1009) |
| OKLCH | oklch(29.19% 0.131 309.5) |
| XYZ | xyz(4.0693, 2.0751, 10.0817) |
| Luminance | 0.0208 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Royal Purple (survey)
#4B006E
ΔE00 3.95
Plum Purple
#4E0550
ΔE00 5.35
Dark Violet
#34013F
ΔE00 5.64
Deep Purple
#36013F
ΔE00 5.75
Dark Purple
#35063E
ΔE00 6.05
Dark Indigo
#1F0954
ΔE00 6.13
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#3F0C5B #285B0C
analogous
#170C5B #3F0C5B #5B0C4F
triadic
#3F0C5B #5B3F0C #0C5B3F
tetradic
#3F0C5B #5B170C #285B0C #0C4F5B
square
#3F0C5B #5B170C #285B0C #0C4F5B
split-complementary
#3F0C5B #4F5B0C #0C5B17
monochromatic
#13041B #1A0525 #3F0C5B #641391 #8A1AC7
Accessibility & contrast
On white
14.84
#3F0C5B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.42
#3F0C5B on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #3F0C5B
14.84:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##3F0C5B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3F0C5B | 1.00 | 14.84 | 1.42 | 14.84 |
| #FFFFFF | 14.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.84 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#00265D
Deuteranopia (green-blind)
#002859
Tritanopia (blue-blind)
#3B2134
Achromatopsia (no color)
#272727
Design tokens & code
CSS
--color: #3f0c5b; /* rgb */ color: rgb(63, 12, 91); /* oklch */ color: oklch(29.2% 0.131 309.5);
Tailwind
colors: {
custom: {
50: '#78538a',
500: '#3f0c5b',
950: '#000000',
},
}SCSS
$custom: #3f0c5b; $custom-light: #78538a; $custom-dark: #000000;
JSON
{
"hex": "#3f0c5b",
"rgb": {
"r": 63,
"g": 12,
"b": 91
},
"hsl": {
"h": 278.734,
"s": 76.699,
"l": 20.196
},
"oklch": {
"l": 0.29188,
"c": 0.1308,
"h": 309.5
},
"luminance": 0.02075
}Semantic roles & 50–950 ramp
primary
#3F0C5B
secondary
#52962D
accent
#F33578
background
#F7F4F8
surface
#EEE7F0
border
#C9C3CB
text
#09030C
muted
#7B787D