#012A31#012A31

#012A31 is a dark, muted teal. Relative luminance 0.019; OKLCH L 26.2% C 0.045 H 211.9°. Best body text is #FFFFFF at 15.25:1 contrast (WCAG AA passes).

Color values

HEX#012A31
RGBrgb(1, 42, 49)
HSLhsl(189, 96%, 10%)
HSVhsv(189, 98%, 19%)
CMYKcmyk(98%, 14.3%, 0%, 80.8%)
CIE-LABlab(14.87, -10.63, -8.47)
CIE-LCHlch(14.87, 13.60, 218.54°)
OKLaboklab(26.19% -0.038 -0.0237)
OKLCHoklch(26.19% 0.045 211.9)
XYZxyz(1.3946, 1.8839, 3.1953)
Luminance0.0188 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#012A31 #310801
analogous
#013120 #012A31 #011231
triadic
#012A31 #31012A #2A3101
tetradic
#012A31 #200131 #310801 #123101
square
#012A31 #200131 #310801 #123101
split-complementary
#012A31 #310112 #312001
monochromatic
#011A1E #011A1E #012A31 #025D6D #0391A9

Accessibility & contrast

On white

15.25
#012A31 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.38
#012A31 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #012A31
15.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##012A31#FFFFFF#000000##FFFFFF
##012A311.0015.251.3815.25
#FFFFFF15.251.0021.001.00
#0000001.3821.001.0021.00
##FFFFFF15.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#252831
Deuteranopia (green-blind)
#1E2331
Tritanopia (blue-blind)
#002D2C
Achromatopsia (no color)
#252525

Design tokens & code

CSS
--color: #012a31;
/* rgb */ color: rgb(1, 42, 49);
/* oklch */ color: oklch(26.2% 0.045 211.9);
Tailwind
colors: {
  custom: {
    50: '#4b6369',
    500: '#012a31',
    950: '#000000',
  },
}
SCSS
$custom: #012a31;
$custom-light: #4b6369;
$custom-dark: #000000;
JSON
{
  "hex": "#012a31",
  "rgb": {
    "r": 1,
    "g": 42,
    "b": 49
  },
  "hsl": {
    "h": 188.75,
    "s": 96,
    "l": 9.804
  },
  "oklch": {
    "l": 0.26189,
    "c": 0.04478,
    "h": 211.9
  },
  "luminance": 0.01884
}

Semantic roles & 50–950 ramp

primary
#012A31
secondary
#772517
accent
#4829FF
background
#F4F5F6
surface
#E7EAEB
border
#C3C6C6
text
#010506
muted
#77797A

Preview Lab

Preview with #012A31

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

Preview Lab → · Contrast checker → · Palette generator →

#012A31 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva