#346399#346399
#346399 is a mid, moderate cyan. Relative luminance 0.120; OKLCH L 49.3% C 0.101 H 253.3°. Best body text is #FFFFFF at 6.19:1 contrast (WCAG AA passes).
Color values
| HEX | #346399 |
|---|---|
| RGB | rgb(52, 99, 153) |
| HSL | hsl(212, 49%, 40%) |
| HSV | hsv(212, 66%, 60%) |
| CMYK | cmyk(66%, 35.3%, 0%, 40%) |
| CIE-LAB | lab(41.14, 1.90, -34.21) |
| CIE-LCH | lch(41.14, 34.26, 273.18°) |
| OKLab | oklab(49.26% -0.029 -0.097) |
| OKLCH | oklch(49.26% 0.101 253.3) |
| XYZ | xyz(11.6257, 11.9525, 31.8252) |
| Luminance | 0.1195 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Denim (survey)
#3B638C
ΔE00 2.03
Light Navy Blue
#2E5A88
ΔE00 3.55
Mid Blue
#276AB3
ΔE00 3.77
Denim Blue
#3B5B92
ΔE00 3.83
Denim
#1560BD
ΔE00 3.92
French Blue
#436BAD
ΔE00 4.26
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#346399 #996A34
analogous
#349599 #346399 #373499
triadic
#346399 #993463 #639934
tetradic
#346399 #993495 #996A34 #349937
square
#346399 #993495 #996A34 #349937
split-complementary
#346399 #993734 #959934
monochromatic
#15283E #24456B #346399 #4981C1 #77A1D1
Accessibility & contrast
On white
6.19
#346399 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.39
#346399 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #346399
6.19:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##346399 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##346399 | 1.00 | 6.19 | 3.39 | 6.19 |
| #FFFFFF | 6.19 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.39 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.19 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#4B669B
Deuteranopia (green-blind)
#3D5D98
Tritanopia (blue-blind)
#006F77
Achromatopsia (no color)
#616161
Design tokens & code
CSS
--color: #346399; /* rgb */ color: rgb(52, 99, 153); /* oklch */ color: oklch(49.3% 0.101 253.3);
Tailwind
colors: {
custom: {
50: '#768fb7',
500: '#346399',
950: '#000000',
},
}SCSS
$custom: #346399; $custom-light: #768fb7; $custom-dark: #000000;
JSON
{
"hex": "#346399",
"rgb": {
"r": 52,
"g": 99,
"b": 153
},
"hsl": {
"h": 212.079,
"s": 49.268,
"l": 40.196
},
"oklch": {
"l": 0.49263,
"c": 0.10122,
"h": 253.3
},
"luminance": 0.11954
}Semantic roles & 50–950 ramp
primary
#346399
secondary
#B99770
accent
#994FD9
background
#F7F8FB
surface
#EEF0F6
border
#C9CBD0
text
#090C11
muted
#7B7D80