#466394#466394
#466394 is a mid, moderate blue. Relative luminance 0.124; OKLCH L 49.9% C 0.086 H 260.5°. Best body text is #FFFFFF at 6.05:1 contrast (WCAG AA passes).
Color values
| HEX | #466394 |
|---|---|
| RGB | rgb(70, 99, 148) |
| HSL | hsl(218, 36%, 43%) |
| HSV | hsv(218, 53%, 58%) |
| CMYK | cmyk(52.7%, 33.1%, 0%, 42%) |
| CIE-LAB | lab(41.79, 4.04, -30.14) |
| CIE-LCH | lch(41.79, 30.41, 277.63°) |
| OKLab | oklab(49.93% -0.0142 -0.0848) |
| OKLCH | oklch(49.93% 0.086 260.5) |
| XYZ | xyz(12.3311, 12.3630, 29.7477) |
| Luminance | 0.1236 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Dusky Blue
#475F94
ΔE00 1.79
Denim Blue
#3B5B92
ΔE00 2.90
Denim (survey)
#3B638C
ΔE00 3.46
French Blue
#436BAD
ΔE00 4.33
Light Navy Blue
#2E5A88
ΔE00 4.98
Denim
#1560BD
ΔE00 6.12
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#466394 #947746
analogous
#468A94 #466394 #504694
triadic
#466394 #944663 #639446
tetradic
#466394 #94468A #947746 #469450
square
#466394 #94468A #947746 #469450
split-complementary
#466394 #945046 #8A9446
monochromatic
#1F2B41 #32476A #466394 #6281B5 #8CA2C9
Accessibility & contrast
On white
6.05
#466394 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.47
#466394 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #466394
6.05:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##466394 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##466394 | 1.00 | 6.05 | 3.47 | 6.05 |
| #FFFFFF | 6.05 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.47 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.05 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#506796
Deuteranopia (green-blind)
#475F93
Tritanopia (blue-blind)
#206E75
Achromatopsia (no color)
#636363
Design tokens & code
CSS
--color: #466394; /* rgb */ color: rgb(70, 99, 148); /* oklch */ color: oklch(49.9% 0.086 260.5);
Tailwind
colors: {
custom: {
50: '#7f8fb3',
500: '#466394',
950: '#000000',
},
}SCSS
$custom: #466394; $custom-light: #7f8fb3; $custom-dark: #000000;
JSON
{
"hex": "#466394",
"rgb": {
"r": 70,
"g": 99,
"b": 148
},
"hsl": {
"h": 217.692,
"s": 35.78,
"l": 42.745
},
"oklch": {
"l": 0.49929,
"c": 0.08602,
"h": 260.5
},
"luminance": 0.12364
}Semantic roles & 50–950 ramp
primary
#466394
secondary
#B4A182
accent
#A25CCC
background
#F7F8FB
surface
#EEF0F6
border
#C9CBD0
text
#0A0C11
muted
#7C7D80