#002023#002023

#002023 is a very dark, muted teal. Relative luminance 0.012; OKLCH L 22.2% C 0.038 H 203.7°. Best body text is #FFFFFF at 17.06:1 contrast (WCAG AA passes).

Color values

HEX#002023
RGBrgb(0, 32, 35)
HSLhsl(185, 100%, 7%)
HSVhsv(185, 100%, 14%)
CMYKcmyk(100%, 8.6%, 0%, 86.3%)
CIE-LABlab(10.22, -10.46, -5.46)
CIE-LCHlch(10.22, 11.79, 207.57°)
OKLaboklab(22.2% -0.0346 -0.0152)
OKLCHoklch(22.2% 0.038 203.7)
XYZxyz(0.8197, 1.1543, 1.7694)
Luminance0.0115 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#002023 #230300
analogous
#002315 #002023 #000F23
triadic
#002023 #230020 #202300
tetradic
#002023 #150023 #230300 #0F2300
square
#002023 #150023 #230300 #0F2300
split-complementary
#002023 #23000F #231500
monochromatic
#001C1F #001C1F #002023 #005860 #00909D

Accessibility & contrast

On white

17.06
#002023 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.23
#002023 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #002023
17.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##002023#FFFFFF#000000##FFFFFF
##0020231.0017.061.2317.06
#FFFFFF17.061.0021.001.00
#0000001.2321.001.0021.00
##FFFFFF17.061.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1C1E23
Deuteranopia (green-blind)
#171A23
Tritanopia (blue-blind)
#002221
Achromatopsia (no color)
#1C1C1C

Design tokens & code

CSS
--color: #002023;
/* rgb */ color: rgb(0, 32, 35);
/* oklch */ color: oklch(22.2% 0.038 203.7);
Tailwind
colors: {
  custom: {
    50: '#465b5d',
    500: '#002023',
    950: '#000000',
  },
}
SCSS
$custom: #002023;
$custom-light: #465b5d;
$custom-dark: #000000;
JSON
{
  "hex": "#002023",
  "rgb": {
    "r": 0,
    "g": 32,
    "b": 35
  },
  "hsl": {
    "h": 185.143,
    "s": 100,
    "l": 6.863
  },
  "oklch": {
    "l": 0.22198,
    "c": 0.03783,
    "h": 203.7
  },
  "luminance": 0.01154
}

Semantic roles & 50–950 ramp

primary
#002023
secondary
#6C1B13
accent
#3B29FF
background
#F4F5F5
surface
#E6E9E9
border
#C2C5C5
text
#000404
muted
#777979

Preview Lab

Preview with #002023

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

Preview Lab → · Contrast checker → · Palette generator →

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