#151F23#151F23

#151F23 is a very dark, near-neutral cyan. Relative luminance 0.013; OKLCH L 23.1% C 0.016 H 224.5°. Best body text is #FFFFFF at 16.77:1 contrast (WCAG AA passes).

Color values

HEX#151F23
RGBrgb(21, 31, 35)
HSLhsl(197, 25%, 11%)
HSVhsv(197, 40%, 14%)
CMYKcmyk(40%, 11.4%, 0%, 86.3%)
CIE-LABlab(11.00, -3.19, -4.16)
CIE-LCHlch(11.00, 5.24, 232.58°)
OKLaboklab(23.15% -0.0116 -0.0114)
OKLCHoklch(23.15% 0.016 224.5)
XYZxyz(1.1025, 1.2607, 1.7750)
Luminance0.0126 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#151F23 #231915
analogous
#152320 #151F23 #151823
triadic
#151F23 #23151F #1F2315
tetradic
#151F23 #201523 #231915 #182315
square
#151F23 #201523 #231915 #182315
split-complementary
#151F23 #231518 #232015
monochromatic
#0B1113 #0B1113 #151F23 #2C4149 #43636F

Accessibility & contrast

On white

16.77
#151F23 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.25
#151F23 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #151F23
16.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##151F23#FFFFFF#000000##FFFFFF
##151F231.0016.771.2516.77
#FFFFFF16.771.0021.001.00
#0000001.2521.001.0021.00
##FFFFFF16.771.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1D1E23
Deuteranopia (green-blind)
#1B1D23
Tritanopia (blue-blind)
#102020
Achromatopsia (no color)
#1D1D1D

Design tokens & code

CSS
--color: #151f23;
/* rgb */ color: rgb(21, 31, 35);
/* oklch */ color: oklch(23.1% 0.016 224.5);
Tailwind
colors: {
  custom: {
    50: '#525a5d',
    500: '#151f23',
    950: '#000000',
  },
}
SCSS
$custom: #151f23;
$custom-light: #525a5d;
$custom-dark: #000000;
JSON
{
  "hex": "#151f23",
  "rgb": {
    "r": 21,
    "g": 31,
    "b": 35
  },
  "hsl": {
    "h": 197.143,
    "s": 25,
    "l": 10.98
  },
  "oklch": {
    "l": 0.23149,
    "c": 0.01625,
    "h": 224.5
  },
  "luminance": 0.01261
}

Semantic roles & 50–950 ramp

primary
#151F23
secondary
#57443D
accent
#8066C1
background
#F4F5F5
surface
#E7E9E9
border
#C3C5C5
text
#020304
muted
#787879

Preview Lab

Preview with #151F23

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

Preview Lab → · Contrast checker → · Palette generator →

#151F23 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva