#282148#282148
#282148 is a dark, moderate violet. Relative luminance 0.020; OKLCH L 27.8% C 0.070 H 289.3°. Best body text is #FFFFFF at 14.99:1 contrast (WCAG AA passes).
Color values
| HEX | #282148 |
|---|---|
| RGB | rgb(40, 33, 72) |
| HSL | hsl(251, 37%, 21%) |
| HSV | hsv(251, 54%, 28%) |
| CMYK | cmyk(44.4%, 54.2%, 0%, 71.8%) |
| CIE-LAB | lab(15.52, 14.56, -23.34) |
| CIE-LCH | lch(15.52, 27.50, 301.96°) |
| OKLab | oklab(27.76% 0.0231 -0.066) |
| OKLCH | oklch(27.76% 0.07 289.3) |
| XYZ | xyz(2.5883, 2.0066, 6.3806) |
| Luminance | 0.0201 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Navy (survey)
#01153E
ΔE00 7.17
Navy Blue
#1B2A4A
ΔE00 7.41
Navy Blue (survey)
#001146
ΔE00 7.72
Midnight
#03012D
ΔE00 8.78
Dark Navy
#000435
ΔE00 8.78
Dark Navy Blue
#00022E
ΔE00 9.04
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#282148 #414821
analogous
#212D48 #282148 #3B2148
triadic
#282148 #482821 #214828
tetradic
#282148 #48212D #414821 #21483B
square
#282148 #48212D #414821 #21483B
split-complementary
#282148 #483B21 #2D4821
monochromatic
#0C0A15 #110E1E #282148 #3F3472 #57479C
Accessibility & contrast
On white
14.99
#282148 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.40
#282148 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #282148
14.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##282148 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##282148 | 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)
#122849
Deuteranopia (green-blind)
#122647
Tritanopia (blue-blind)
#1F2931
Achromatopsia (no color)
#272727
Design tokens & code
CSS
--color: #282148; /* rgb */ color: rgb(40, 33, 72); /* oklch */ color: oklch(27.8% 0.070 289.3);
Tailwind
colors: {
custom: {
50: '#645c7b',
500: '#282148',
950: '#000000',
},
}SCSS
$custom: #282148; $custom-light: #645c7b; $custom-dark: #000000;
JSON
{
"hex": "#282148",
"rgb": {
"r": 40,
"g": 33,
"b": 72
},
"hsl": {
"h": 250.769,
"s": 37.143,
"l": 20.588
},
"oklch": {
"l": 0.27761,
"c": 0.06997,
"h": 289.3
},
"luminance": 0.02007
}Semantic roles & 50–950 ramp
primary
#282148
secondary
#737C49
accent
#CD5BB9
background
#F6F5F7
surface
#EBE9EE
border
#C6C5C9
text
#050409
muted
#7A797B