#022329#022329

#022329 is a very dark, muted teal. Relative luminance 0.014; OKLCH L 23.6% C 0.039 H 212.1°. Best body text is #FFFFFF at 16.47:1 contrast (WCAG AA passes).

Color values

HEX	#022329
RGB	rgb(2, 35, 41)
HSL	hsl(189, 91%, 8%)
HSV	hsv(189, 95%, 16%)
CMYK	cmyk(95.1%, 14.6%, 0%, 83.9%)
CIE-LAB	lab(11.79, -9.28, -7.44)
CIE-LCH	lch(11.79, 11.89, 218.74°)
OKLab	oklab(23.59% -0.0331 -0.0208)
OKLCH	oklch(23.59% 0.039 212.1)
XYZ	xyz(1.0261, 1.3749, 2.3087)
Luminance	0.0138 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#022329 #290802

analogous

#02291B #022329 #020F29

triadic

#022329 #290223 #232902

tetradic

#022329 #1B0229 #290802 #0F2902

square

#022329 #1B0229 #290802 #0F2902

split-complementary

#022329 #29020F #291B02

monochromatic

#01191D #01191D #022329 #055563 #08879E

Accessibility & contrast

On white

16.47

#022329 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.27

#022329 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #022329

16.47:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##022329	#FFFFFF	#000000	##FFFFFF
##022329	1.00	16.47	1.27	16.47
#FFFFFF	16.47	1.00	21.00	1.00
#000000	1.27	21.00	1.00	21.00
##FFFFFF	16.47	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#1E2129

Deuteranopia (green-blind)

#191D29

Tritanopia (blue-blind)

#002525

Achromatopsia (no color)

#1F1F1F

Design tokens & code

CSS

--color: #022329;
/* rgb */ color: rgb(2, 35, 41);
/* oklch */ color: oklch(23.6% 0.039 212.1);

Tailwind

colors: {
  custom: {
    50: '#495e62',
    500: '#022329',
    950: '#000000',
  },
}

SCSS

$custom: #022329;
$custom-light: #495e62;
$custom-dark: #000000;

JSON

{
  "hex": "#022329",
  "rgb": {
    "r": 2,
    "g": 35,
    "b": 41
  },
  "hsl": {
    "h": 189.231,
    "s": 90.698,
    "l": 8.431
  },
  "oklch": {
    "l": 0.23591,
    "c": 0.03907,
    "h": 212.1
  },
  "luminance": 0.01375
}

Semantic roles & 50–950 ramp

primary

#022329

secondary

#6E2619

accent

#4A29FF

background

#F4F5F5

surface

#E7E9EA

border

#C3C5C6

text

#010405

muted

#777979

Preview Lab

Preview with #022329

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

Preview Lab → · Contrast checker → · Palette generator →