#451433#451433
#451433 is a dark, moderate pink. Relative luminance 0.020; OKLCH L 28.3% C 0.085 H 345.0°. Best body text is #FFFFFF at 14.99:1 contrast (WCAG AA passes).
Color values
| HEX | #451433 |
|---|---|
| RGB | rgb(69, 20, 51) |
| HSL | hsl(322, 55%, 17%) |
| HSV | hsv(322, 71%, 27%) |
| CMYK | cmyk(0%, 71%, 26.1%, 72.9%) |
| CIE-LAB | lab(15.51, 27.32, -8.30) |
| CIE-LCH | lch(15.51, 28.55, 343.10°) |
| OKLab | oklab(28.29% 0.0822 -0.022) |
| OKLCH | oklch(28.29% 0.085 345) |
| XYZ | xyz(3.3021, 2.0049, 3.3444) |
| Luminance | 0.0200 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Dark Plum
#3F012C
ΔE00 3.77
Aubergine
#3D0734
ΔE00 4.32
Plum (survey)
#580F41
ΔE00 4.98
Eggplant
#380835
ΔE00 5.53
Eggplant Purple
#430541
ΔE00 6.95
Deep Violet
#490648
ΔE00 7.79
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#451433 #144526
analogous
#3F1445 #451433 #45141A
triadic
#451433 #334514 #143345
tetradic
#451433 #453F14 #144526 #141A45
square
#451433 #453F14 #144526 #141A45
split-complementary
#451433 #1A4514 #14453F
monochromatic
#180712 #180712 #451433 #742256 #A43079
Accessibility & contrast
On white
14.99
#451433 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.40
#451433 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #451433
14.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##451433 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##451433 | 1.00 | 14.99 | 1.40 | 14.99 |
| #FFFFFF | 14.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.40 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.99 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#192134
Deuteranopia (green-blind)
#272A32
Tritanopia (blue-blind)
#4A1321
Achromatopsia (no color)
#272727
Design tokens & code
CSS
--color: #451433; /* rgb */ color: rgb(69, 20, 51); /* oklch */ color: oklch(28.3% 0.085 345.0);
Tailwind
colors: {
custom: {
50: '#7b556a',
500: '#451433',
950: '#000000',
},
}SCSS
$custom: #451433; $custom-light: #7b556a; $custom-dark: #000000;
JSON
{
"hex": "#451433",
"rgb": {
"r": 69,
"g": 20,
"b": 51
},
"hsl": {
"h": 322.041,
"s": 55.056,
"l": 17.451
},
"oklch": {
"l": 0.28285,
"c": 0.08512,
"h": 345
},
"luminance": 0.02005
}Semantic roles & 50–950 ramp
primary
#451433
secondary
#387D51
accent
#DE8049
background
#F7F5F6
surface
#EEE9EB
border
#C9C5C6
text
#090306
muted
#7B787A