#0C133F#0C133F
#0C133F is a very dark, moderate blue. Relative luminance 0.009; OKLCH L 21.4% C 0.084 H 270.6°. Best body text is #FFFFFF at 17.79:1 contrast (WCAG AA passes).
Color values
| HEX | #0C133F |
|---|---|
| RGB | rgb(12, 19, 63) |
| HSL | hsl(232, 68%, 15%) |
| HSV | hsv(232, 81%, 25%) |
| CMYK | cmyk(81%, 69.8%, 0%, 75.3%) |
| CIE-LAB | lab(8.15, 14.89, -29.05) |
| CIE-LCH | lch(8.15, 32.65, 297.14°) |
| OKLab | oklab(21.41% 0.0009 -0.0838) |
| OKLCH | oklch(21.41% 0.084 270.6) |
| XYZ | xyz(1.2814, 0.9027, 4.8084) |
| Luminance | 0.0090 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Navy (survey)
#01153E
ΔE00 2.50
Navy Blue (survey)
#001146
ΔE00 2.54
Dark Navy
#000435
ΔE00 3.12
Very Dark Blue
#000133
ΔE00 3.51
Midnight Blue (survey)
#020035
ΔE00 3.57
Dark Navy Blue
#00022E
ΔE00 3.96
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#0C133F #3F380C
analogous
#0C2D3F #0C133F #1F0C3F
triadic
#0C133F #3F0C13 #133F0C
tetradic
#0C133F #3F0C2D #3F380C #0C3F1F
square
#0C133F #3F0C2D #3F380C #0C3F1F
split-complementary
#0C133F #3F1F0C #2D3F0C
monochromatic
#05081A #05081A #0C133F #162372 #2032A6
Accessibility & contrast
On white
17.79
#0C133F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.18
#0C133F on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #0C133F
17.79:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##0C133F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##0C133F | 1.00 | 17.79 | 1.18 | 17.79 |
| #FFFFFF | 17.79 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.18 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.79 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#001A40
Deuteranopia (green-blind)
#00163E
Tritanopia (blue-blind)
#001E26
Achromatopsia (no color)
#181818
Design tokens & code
CSS
--color: #0c133f; /* rgb */ color: rgb(12, 19, 63); /* oklch */ color: oklch(21.4% 0.084 270.6);
Tailwind
colors: {
custom: {
50: '#545074',
500: '#0c133f',
950: '#000000',
},
}SCSS
$custom: #0c133f; $custom-light: #545074; $custom-dark: #000000;
JSON
{
"hex": "#0c133f",
"rgb": {
"r": 12,
"g": 19,
"b": 63
},
"hsl": {
"h": 231.765,
"s": 68,
"l": 14.706
},
"oklch": {
"l": 0.21406,
"c": 0.08385,
"h": 270.6
},
"luminance": 0.00903
}Semantic roles & 50–950 ramp
primary
#0C133F
secondary
#7B702C
accent
#D33DEB
background
#F5F4F7
surface
#E9E7ED
border
#C5C3C8
text
#030208
muted
#78787B