Named color · #01153E
Navy
Navy is #01153E: rgb(1 21 62), hsl(220 97% 12%), oklch(0.211 0.084 260.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Navy color name →
#01153E
oklch(0.211 0.084 260.5)
Color conversions
- HEX
- #01153e
- RGB
- rgb(1 21 62)
- HSL
- hsl(220 97% 12%)
- HWB
- hwb(220 0% 76%)
- OKLCH
- oklch(0.211 0.084 260.5)
- OKLab
- oklab(0.211 -0.014 -0.083)
- CIE Lab
- lab(7.55 7.19 -29.23)
- LCH
- lch(7.55 30.1 283.8)
- CMYK
- cmyk(98% 66% 0% 76%)
Tints · Shades · Tones
Tints
- 142A50
- 2A3F63
- 425575
- 5A6C88
- 74839C
- 8E9AAF
- A9B3C3
- C5CCD6
- E2E5EB
Shades
- 011135
- 010C2B
- 000823
- 00051A
- 000312
- 00020A
- 000104
- 000001
- 000000
Tones
- 0A2045
- 172A4C
- 233553
- 2F3F5A
- 3C4A60
- 495467
- 565F6D
- 646A73
- 72757A
Color harmonies
Complementary +180°
- 01153E
Navy
- 231600
≈ Cannon Black
Analogous -30° +30°
Triadic +120° +240°
Split-complementary +150° +210°
- 01153E
Navy
- 2C0F00
≈ Root Brew
- 1A1A00
≈ Noir Mystique
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 17.82:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.17:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.82:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--navy: #01153e;
--navy-rgb: 1 21 62;
--navy-oklch: oklch(0.211 0.084 260.5);
}
.element {
color: var(--navy);
background-color: hsl(220 97% 12%);
border-color: oklch(0.211 0.084 260.5);
}Tailwind CSS v4
@theme {
--color-navy: #01153e;
--color-navy-50: #e8f6ff;
--color-navy-100: #d9e9ff;
--color-navy-200: #c1d5f9;
--color-navy-300: #a1b8e3;
--color-navy-400: #829fd0;
--color-navy-500: #6687be;
--color-navy-600: #5672a0;
--color-navy-700: #455b81;
--color-navy-800: #30435f;
--color-navy-900: #212e43;
--color-navy-950: #101b2b;
}SCSS
$navy: #01153e;
$navy-rgb: 1, 21, 62;
$navy-light: mix(#fff, $navy, 20%);
$navy-dark: mix(#000, $navy, 20%);
.element {
color: $navy;
box-shadow: 0 0 0 2px rgba($navy, 0.35);
}