#011D28#011D28

#011D28 is a very dark, muted cyan. Relative luminance 0.010; OKLCH L 21.6% C 0.040 H 227.3°. Best body text is #FFFFFF at 17.39:1 contrast (WCAG AA passes).

Color values

HEX#011D28
RGBrgb(1, 29, 40)
HSLhsl(197, 95%, 8%)
HSVhsv(197, 98%, 16%)
CMYKcmyk(97.5%, 27.5%, 0%, 84.3%)
CIE-LABlab(9.31, -5.92, -10.54)
CIE-LCHlch(9.31, 12.09, 240.67°)
OKLaboklab(21.56% -0.0273 -0.0297)
OKLCHoklch(21.56% 0.04 227.3)
XYZxyz(0.8347, 1.0383, 2.1635)
Luminance0.0104 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#011D28 #280C01
analogous
#01281F #011D28 #010928
triadic
#011D28 #28011D #1D2801
tetradic
#011D28 #1F0128 #280C01 #092801
square
#011D28 #1F0128 #280C01 #092801
split-complementary
#011D28 #280109 #281F01
monochromatic
#01161E #01161E #011D28 #024864 #04749F

Accessibility & contrast

On white

17.39
#011D28 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.21
#011D28 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #011D28
17.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##011D28#FFFFFF#000000##FFFFFF
##011D281.0017.391.2117.39
#FFFFFF17.391.0021.001.00
#0000001.2121.001.0021.00
##FFFFFF17.391.0021.001.00

Color blindness preview

Protanopia (red-blind)
#171C29
Deuteranopia (green-blind)
#121828
Tritanopia (blue-blind)
#002021
Achromatopsia (no color)
#1A1A1A

Design tokens & code

CSS
--color: #011d28;
/* rgb */ color: rgb(1, 29, 40);
/* oklch */ color: oklch(21.6% 0.040 227.3);
Tailwind
colors: {
  custom: {
    50: '#485861',
    500: '#011d28',
    950: '#000000',
  },
}
SCSS
$custom: #011d28;
$custom-light: #485861;
$custom-dark: #000000;
JSON
{
  "hex": "#011d28",
  "rgb": {
    "r": 1,
    "g": 29,
    "b": 40
  },
  "hsl": {
    "h": 196.923,
    "s": 95.122,
    "l": 8.039
  },
  "oklch": {
    "l": 0.21562,
    "c": 0.04036,
    "h": 227.3
  },
  "luminance": 0.01038
}

Semantic roles & 50–950 ramp

primary
#011D28
secondary
#6F2F16
accent
#6529FF
background
#F4F5F5
surface
#E6E9EA
border
#C2C5C6
text
#010305
muted
#777879

Preview Lab

Preview with #011D28

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

Preview Lab → · Contrast checker → · Palette generator →

#011D28 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva