#2B478D#2B478D
#2B478D is a dark, vivid blue. Relative luminance 0.069; OKLCH L 41.6% C 0.121 H 265.1°. Best body text is #FFFFFF at 8.79:1 contrast (WCAG AA passes).
Color values
| HEX | #2B478D |
|---|---|
| RGB | rgb(43, 71, 141) |
| HSL | hsl(223, 53%, 36%) |
| HSV | hsv(223, 70%, 55%) |
| CMYK | cmyk(69.5%, 49.6%, 0%, 44.7%) |
| CIE-LAB | lab(31.68, 14.13, -42.05) |
| CIE-LCH | lch(31.68, 44.37, 288.57°) |
| OKLab | oklab(41.6% -0.0102 -0.1205) |
| OKLCH | oklch(41.6% 0.121 265.1) |
| XYZ | xyz(8.0555, 6.9424, 26.1096) |
| Luminance | 0.0694 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Cobalt (survey)
#1E488F
ΔE00 1.92
Darkish Blue
#014182
ΔE00 4.31
Cobalt
#0047AB
ΔE00 4.46
Twilight Blue
#0A437A
ΔE00 4.97
Dusk Blue
#26538D
ΔE00 4.98
Light Navy
#155084
ΔE00 6.20
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2B478D #8D712B
analogous
#2B788D #2B478D #402B8D
triadic
#2B478D #8D2B47 #478D2B
tetradic
#2B478D #8D2B78 #8D712B #2B8D40
square
#2B478D #8D2B78 #8D712B #2B8D40
split-complementary
#2B478D #8D402B #788D2B
monochromatic
#0E182F #1D2F5E #2B478D #395FBC #6382CF
Accessibility & contrast
On white
8.79
#2B478D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.39
#2B478D on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #2B478D
8.79:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2B478D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2B478D | 1.00 | 8.79 | 2.39 | 8.79 |
| #FFFFFF | 8.79 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.39 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.79 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#214F90
Deuteranopia (green-blind)
#08468C
Tritanopia (blue-blind)
#005763
Achromatopsia (no color)
#4B4B4B
Design tokens & code
CSS
--color: #2b478d; /* rgb */ color: rgb(43, 71, 141); /* oklch */ color: oklch(41.6% 0.121 265.1);
Tailwind
colors: {
custom: {
50: '#7079af',
500: '#2b478d',
950: '#000000',
},
}SCSS
$custom: #2b478d; $custom-light: #7079af; $custom-dark: #000000;
JSON
{
"hex": "#2b478d",
"rgb": {
"r": 43,
"g": 71,
"b": 141
},
"hsl": {
"h": 222.857,
"s": 53.261,
"l": 36.078
},
"oklch": {
"l": 0.41595,
"c": 0.12097,
"h": 265.1
},
"luminance": 0.06943
}Semantic roles & 50–950 ramp
primary
#2B478D
secondary
#B69D5E
accent
#B34BDD
background
#F7F7FA
surface
#EDEDF4
border
#C8C8CE
text
#080910
muted
#7B7B7F