#01182C#01182C

#01182C is a very dark, muted cyan. Relative luminance 0.008; OKLCH L 20.3% C 0.050 H 246.5°. Best body text is #FFFFFF at 17.97:1 contrast (WCAG AA passes).

Color values

HEX#01182C
RGBrgb(1, 24, 44)
HSLhsl(208, 96%, 9%)
HSVhsv(208, 98%, 17%)
CMYKcmyk(97.7%, 45.5%, 0%, 82.7%)
CIE-LABlab(7.60, -0.25, -16.18)
CIE-LCHlch(7.60, 16.18, 269.10°)
OKLaboklab(20.28% -0.0201 -0.0462)
OKLCHoklch(20.28% 0.05 246.5)
XYZxyz(0.7936, 0.8415, 2.5030)
Luminance0.0084 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#01182C #2C1501
analogous
#012C2B #01182C #01032C
triadic
#01182C #2C0118 #182C01
tetradic
#01182C #2B012C #2C1501 #032C01
square
#01182C #2B012C #2C1501 #032C01
split-complementary
#01182C #2C0103 #2C2B01
monochromatic
#01101E #01101E #01182C #023968 #0459A4

Accessibility & contrast

On white

17.97
#01182C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.17
#01182C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #01182C
17.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##01182C#FFFFFF#000000##FFFFFF
##01182C1.0017.971.1717.97
#FFFFFF17.971.0021.001.00
#0000001.1721.001.0021.00
##FFFFFF17.971.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0E192D
Deuteranopia (green-blind)
#07152C
Tritanopia (blue-blind)
#001D1F
Achromatopsia (no color)
#171717

Design tokens & code

CSS
--color: #01182c;
/* rgb */ color: rgb(1, 24, 44);
/* oklch */ color: oklch(20.3% 0.050 246.5);
Tailwind
colors: {
  custom: {
    50: '#485465',
    500: '#01182c',
    950: '#000000',
  },
}
SCSS
$custom: #01182c;
$custom-light: #485465;
$custom-dark: #000000;
JSON
{
  "hex": "#01182c",
  "rgb": {
    "r": 1,
    "g": 24,
    "b": 44
  },
  "hsl": {
    "h": 207.907,
    "s": 95.556,
    "l": 8.824
  },
  "oklch": {
    "l": 0.20283,
    "c": 0.05041,
    "h": 246.5
  },
  "luminance": 0.00842
}

Semantic roles & 50–950 ramp

primary
#01182C
secondary
#724117
accent
#8C29FF
background
#F4F4F6
surface
#E7E7EB
border
#C3C3C6
text
#010205
muted
#77787A

Preview Lab

Preview with #01182C

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#01182C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva