#631347#631347
#631347 is a dark, vivid pink. Relative luminance 0.036; OKLCH L 34.6% C 0.125 H 345.9°. Best body text is #FFFFFF at 12.25:1 contrast (WCAG AA passes).
Color values
| HEX | #631347 |
|---|---|
| RGB | rgb(99, 19, 71) |
| HSL | hsl(321, 68%, 23%) |
| HSV | hsv(321, 81%, 39%) |
| CMYK | cmyk(0%, 80.8%, 28.3%, 61.2%) |
| CIE-LAB | lab(22.21, 39.94, -11.50) |
| CIE-LCH | lch(22.21, 41.56, 343.93°) |
| OKLab | oklab(34.6% 0.1213 -0.0305) |
| OKLCH | oklch(34.6% 0.125 345.9) |
| XYZ | xyz(6.5161, 3.5740, 6.3067) |
| Luminance | 0.0357 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Plum (survey)
#580F41
ΔE00 2.35
Velvet
#750851
ΔE00 3.70
Grape Purple
#5D1451
ΔE00 3.96
Rich Purple
#720058
ΔE00 4.67
Merlot
#730039
ΔE00 6.87
Red Purple
#820747
ΔE00 7.31
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#631347 #13632F
analogous
#571363 #631347 #63131F
triadic
#631347 #476313 #134763
tetradic
#631347 #635713 #13632F #131F63
square
#631347 #635713 #13632F #131F63
split-complementary
#631347 #1F6313 #136357
monochromatic
#1A0512 #300922 #631347 #961D6C #CA2791
Accessibility & contrast
On white
12.25
#631347 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.71
#631347 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #631347
12.25:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##631347 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##631347 | 1.00 | 12.25 | 1.71 | 12.25 |
| #FFFFFF | 12.25 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.71 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.25 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#1E2C48
Deuteranopia (green-blind)
#363A45
Tritanopia (blue-blind)
#6A112B
Achromatopsia (no color)
#353535
Design tokens & code
CSS
--color: #631347; /* rgb */ color: rgb(99, 19, 71); /* oklch */ color: oklch(34.6% 0.125 345.9);
Tailwind
colors: {
custom: {
50: '#935a7a',
500: '#631347',
950: '#000000',
},
}SCSS
$custom: #631347; $custom-light: #935a7a; $custom-dark: #000000;
JSON
{
"hex": "#631347",
"rgb": {
"r": 99,
"g": 19,
"b": 71
},
"hsl": {
"h": 321,
"s": 67.797,
"l": 23.137
},
"oklch": {
"l": 0.34598,
"c": 0.12505,
"h": 345.9
},
"luminance": 0.03573
}Semantic roles & 50–950 ramp
primary
#631347
secondary
#379B5A
accent
#EB7A3D
background
#F9F5F7
surface
#F2E9ED
border
#CCC5C8
text
#0D0409
muted
#7E797B