Named color · #002E51
Indigo Black
Indigo Black is #002E51: rgb(0 46 81), hsl(206 100% 16%), oklch(0.294 0.079 247.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Indigo Black color name →
#002E51
oklch(0.294 0.079 247.8)
Color conversions
- HEX
- #002e51
- RGB
- rgb(0 46 81)
- HSL
- hsl(206 100% 16%)
- HWB
- hwb(206 0% 68%)
- OKLCH
- oklch(0.294 0.079 247.8)
- OKLab
- oklab(0.294 -0.03 -0.073)
- CIE Lab
- lab(17.72 -2.92 -25.98)
- LCH
- lch(17.72 26.15 263.6)
- CMYK
- cmyk(100% 43% 0% 68%)
Tints · Shades · Tones
Tints
- 1C4162
- 345472
- 4B6883
- 637C94
- 7C91A6
- 95A6B7
- AFBCC9
- C9D2DB
- E4E8ED
Shades
- 002745
- 001F3A
- 00182F
- 001224
- 000B1A
- 000610
- 000207
- 000102
- 000000
Tones
- 103656
- 1E3E5B
- 2B4660
- 374F65
- 435769
- 4F5F6E
- 5B6773
- 676F77
- 74787C
Color harmonies
Complementary +180°
- 002E51
Indigo Black
- 412500
≈ Blackened Brown
Analogous -30° +30°
- 002E51
Indigo Black
- 00323E
≈ Nordic Noir
- 242652
≈ Pāua
Triadic +120° +240°
- 002E51
Indigo Black
- 4B1825
≈ Vino Tinto
- 213300
≈ Blind Forest
Split-complementary +150° +210°
- 002E51
Indigo Black
- 4C1B0B
≈ Chocolate Rush
- 352C00
≈ Secret Passage
Tetradic +90° +180° +270°
- 002E51
Indigo Black
- 441A3A
≈ Blackberry
- 412500
≈ Blackened Brown
- 00361E
≈ Off-Road Green
Contrast & accessibility
Ag
AAAOn white
WCAG 13.91:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.50:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.91:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--indigo-black: #002e51;
--indigo-black-rgb: 0 46 81;
--indigo-black-oklch: oklch(0.294 0.079 247.8);
}
.element {
color: var(--indigo-black);
background-color: hsl(206 100% 16%);
border-color: oklch(0.294 0.079 247.8);
}Tailwind CSS v4
@theme {
--color-indigo-black: #002e51;
--color-indigo-black-50: #e5f8ff;
--color-indigo-black-100: #d5ebff;
--color-indigo-black-200: #bbd8f5;
--color-indigo-black-300: #99bbdf;
--color-indigo-black-400: #79a3cb;
--color-indigo-black-500: #5a8bb8;
--color-indigo-black-600: #4d759b;
--color-indigo-black-700: #3d5e7d;
--color-indigo-black-800: #2b455c;
--color-indigo-black-900: #1d3040;
--color-indigo-black-950: #0d1c29;
}SCSS
$indigo-black: #002e51;
$indigo-black-rgb: 0, 46, 81;
$indigo-black-light: mix(#fff, $indigo-black, 20%);
$indigo-black-dark: mix(#000, $indigo-black, 20%);
.element {
color: $indigo-black;
box-shadow: 0 0 0 2px rgba($indigo-black, 0.35);
}