#09182B#09182B

#09182B is a very dark, muted cyan. Relative luminance 0.009; OKLCH L 20.7% C 0.043 H 255.2°. Best body text is #FFFFFF at 17.84:1 contrast (WCAG AA passes).

Color values

HEX#09182B
RGBrgb(9, 24, 43)
HSLhsl(214, 65%, 10%)
HSVhsv(214, 79%, 17%)
CMYKcmyk(79.1%, 44.2%, 0%, 83.1%)
CIE-LABlab(8.00, 1.35, -14.77)
CIE-LCHlch(8.00, 14.83, 275.22°)
OKLaboklab(20.71% -0.0111 -0.0419)
OKLCHoklch(20.71% 0.043 255.2)
XYZxyz(0.8752, 0.8857, 2.4099)
Luminance0.0089 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#09182B #2B1C09
analogous
#09292B #09182B #0B092B
triadic
#09182B #2B0918 #182B09
tetradic
#09182B #2B0929 #2B1C09 #092B0B
square
#09182B #2B0929 #2B1C09 #092B0B
split-complementary
#09182B #2B0B09 #292B09
monochromatic
#050E19 #050E19 #09182B #14345E #1E5090

Accessibility & contrast

On white

17.84
#09182B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.18
#09182B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #09182B
17.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##09182B#FFFFFF#000000##FFFFFF
##09182B1.0017.841.1817.84
#FFFFFF17.841.0021.001.00
#0000001.1821.001.0021.00
##FFFFFF17.841.0021.001.00

Color blindness preview

Protanopia (red-blind)
#10192C
Deuteranopia (green-blind)
#0B162B
Tritanopia (blue-blind)
#001C1F
Achromatopsia (no color)
#181818

Design tokens & code

CSS
--color: #09182b;
/* rgb */ color: rgb(9, 24, 43);
/* oklch */ color: oklch(20.7% 0.043 255.2);
Tailwind
colors: {
  custom: {
    50: '#4c5464',
    500: '#09182b',
    950: '#000000',
  },
}
SCSS
$custom: #09182b;
$custom-light: #4c5464;
$custom-dark: #000000;
JSON
{
  "hex": "#09182b",
  "rgb": {
    "r": 9,
    "g": 24,
    "b": 43
  },
  "hsl": {
    "h": 213.529,
    "s": 65.385,
    "l": 10.196
  },
  "oklch": {
    "l": 0.20713,
    "c": 0.04334,
    "h": 255.2
  },
  "luminance": 0.00886
}

Semantic roles & 50–950 ramp

primary
#09182B
secondary
#694C27
accent
#9E3FE8
background
#F4F4F6
surface
#E7E7EB
border
#C3C3C6
text
#010205
muted
#77787A

Preview Lab

Preview with #09182B

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

Preview Lab → · Contrast checker → · Palette generator →

#09182B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva