#162425#162425

#162425 is a very dark, near-neutral teal. Relative luminance 0.016; OKLCH L 24.8% C 0.019 H 201.6°. Best body text is #FFFFFF at 15.99:1 contrast (WCAG AA passes).

Color values

HEX#162425
RGBrgb(22, 36, 37)
HSLhsl(184, 25%, 12%)
HSVhsv(184, 41%, 15%)
CMYKcmyk(40.5%, 2.7%, 0%, 85.5%)
CIE-LABlab(13.02, -5.65, -2.59)
CIE-LCHlch(13.02, 6.22, 204.66°)
OKLaboklab(24.8% -0.0179 -0.0071)
OKLCHoklch(24.8% 0.019 201.6)
XYZxyz(1.2956, 1.5658, 1.9839)
Luminance0.0157 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#162425 #251716
analogous
#16251F #162425 #161D25
triadic
#162425 #251624 #242516
tetradic
#162425 #1F1625 #251716 #1D2516
square
#162425 #1F1625 #251716 #1D2516
split-complementary
#162425 #25161D #251F16
monochromatic
#0B1313 #0B1313 #162425 #2D494B #446F72

Accessibility & contrast

On white

15.99
#162425 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.31
#162425 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #162425
15.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##162425#FFFFFF#000000##FFFFFF
##1624251.0015.991.3115.99
#FFFFFF15.991.0021.001.00
#0000001.3121.001.0021.00
##FFFFFF15.991.0021.001.00

Color blindness preview

Protanopia (red-blind)
#222325
Deuteranopia (green-blind)
#1F2125
Tritanopia (blue-blind)
#112524
Achromatopsia (no color)
#222222

Design tokens & code

CSS
--color: #162425;
/* rgb */ color: rgb(22, 36, 37);
/* oklch */ color: oklch(24.8% 0.019 201.6);
Tailwind
colors: {
  custom: {
    50: '#545e5f',
    500: '#162425',
    950: '#000000',
  },
}
SCSS
$custom: #162425;
$custom-light: #545e5f;
$custom-dark: #000000;
JSON
{
  "hex": "#162425",
  "rgb": {
    "r": 22,
    "g": 36,
    "b": 37
  },
  "hsl": {
    "h": 184,
    "s": 25.424,
    "l": 11.569
  },
  "oklch": {
    "l": 0.24803,
    "c": 0.01926,
    "h": 201.6
  },
  "luminance": 0.01566
}

Semantic roles & 50–950 ramp

primary
#162425
secondary
#59403E
accent
#6C66C2
background
#F4F5F5
surface
#E7E9E9
border
#C3C5C5
text
#020404
muted
#787979

Preview Lab

Preview with #162425

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

Preview Lab → · Contrast checker → · Palette generator →

#162425 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva