#103B4D#103B4D
#103B4D is a dark, muted cyan. Relative luminance 0.038; OKLCH L 33.2% C 0.056 H 229.9°. Best body text is #FFFFFF at 11.97:1 contrast (WCAG AA passes).
Color values
| HEX | #103B4D |
|---|---|
| RGB | rgb(16, 59, 77) |
| HSL | hsl(198, 66%, 18%) |
| HSV | hsv(198, 79%, 30%) |
| CMYK | cmyk(79.2%, 23.4%, 0%, 69.8%) |
| CIE-LAB | lab(22.91, -7.67, -15.21) |
| CIE-LCH | lch(22.91, 17.03, 243.23°) |
| OKLab | oklab(33.21% -0.0359 -0.0427) |
| OKLCH | oklch(33.21% 0.056 229.9) |
| XYZ | xyz(3.1167, 3.7736, 7.5839) |
| Luminance | 0.0377 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Dark Blue Grey
#1F3B4D
ΔE00 3.04
Dark Grey Blue
#29465B
ΔE00 5.34
Dark Slate Blue
#214761
ΔE00 5.76
Charcoal
#36454F
ΔE00 7.21
Gunmetal
#2A3439
ΔE00 8.31
Prussian Blue
#004577
ΔE00 10.16
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#103B4D #4D2210
analogous
#104D40 #103B4D #101C4D
triadic
#103B4D #4D103B #3B4D10
tetradic
#103B4D #40104D #4D2210 #1C4D10
square
#103B4D #40104D #4D2210 #1C4D10
split-complementary
#103B4D #4D101C #4D4010
monochromatic
#051319 #05141A #103B4D #1B6280 #2589B2
Accessibility & contrast
On white
11.97
#103B4D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.75
#103B4D on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #103B4D
11.97:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##103B4D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##103B4D | 1.00 | 11.97 | 1.75 | 11.97 |
| #FFFFFF | 11.97 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.75 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.97 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#323A4E
Deuteranopia (green-blind)
#29344D
Tritanopia (blue-blind)
#004041
Achromatopsia (no color)
#373737
Design tokens & code
CSS
--color: #103b4d; /* rgb */ color: rgb(16, 59, 77); /* oklch */ color: oklch(33.2% 0.056 229.9);
Tailwind
colors: {
custom: {
50: '#58707f',
500: '#103b4d',
950: '#000000',
},
}SCSS
$custom: #103b4d; $custom-light: #58707f; $custom-dark: #000000;
JSON
{
"hex": "#103b4d",
"rgb": {
"r": 16,
"g": 59,
"b": 77
},
"hsl": {
"h": 197.705,
"s": 65.591,
"l": 18.235
},
"oklch": {
"l": 0.33213,
"c": 0.0558,
"h": 229.9
},
"luminance": 0.03774
}Semantic roles & 50–950 ramp
primary
#103B4D
secondary
#874B32
accent
#713FE9
background
#F5F6F7
surface
#E9ECEE
border
#C5C7C9
text
#04070A
muted
#797A7C