#106043#106043

#106043 is a dark, moderate teal. Relative luminance 0.089; OKLCH L 43.5% C 0.088 H 163.0°. Best body text is #FFFFFF at 7.56:1 contrast (WCAG AA passes).

Color values

HEX#106043
RGBrgb(16, 96, 67)
HSLhsl(158, 71%, 22%)
HSVhsv(158, 83%, 38%)
CMYKcmyk(83.3%, 0%, 30.2%, 62.4%)
CIE-LABlab(35.75, -30.75, 10.12)
CIE-LCHlch(35.75, 32.37, 161.78°)
OKLaboklab(43.55% -0.0841 0.0258)
OKLCHoklch(43.55% 0.088 163)
XYZxyz(5.4091, 8.8805, 6.7381)
Luminance0.0888 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#106043 #60102D
analogous
#10601B #106043 #105560
triadic
#106043 #431060 #604310
tetradic
#106043 #1B1060 #60102D #556010
square
#106043 #1B1060 #60102D #556010
split-complementary
#106043 #601055 #601B10
monochromatic
#041A12 #072C1E #106043 #199468 #21C98C

Accessibility & contrast

On white

7.56
#106043 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.78
#106043 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #106043
7.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##106043#FFFFFF#000000##FFFFFF
##1060431.007.562.787.56
#FFFFFF7.561.0021.001.00
#0000002.7821.001.0021.00
##FFFFFF7.561.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5E5841
Deuteranopia (green-blind)
#555145
Tritanopia (blue-blind)
#006058
Achromatopsia (no color)
#545454

Design tokens & code

CSS
--color: #106043;
/* rgb */ color: rgb(16, 96, 67);
/* oklch */ color: oklch(43.5% 0.088 163.0);
Tailwind
colors: {
  custom: {
    50: '#5e8e77',
    500: '#106043',
    950: '#000000',
  },
}
SCSS
$custom: #106043;
$custom-light: #5e8e77;
$custom-dark: #000000;
JSON
{
  "hex": "#106043",
  "rgb": {
    "r": 16,
    "g": 96,
    "b": 67
  },
  "hsl": {
    "h": 158.25,
    "s": 71.429,
    "l": 21.961
  },
  "oklch": {
    "l": 0.43545,
    "c": 0.08794,
    "h": 163
  },
  "luminance": 0.08881
}

Semantic roles & 50–950 ramp

primary
#106043
secondary
#993358
accent
#3A7BEE
background
#F5F8F7
surface
#EAF0ED
border
#C6CBC8
text
#050C08
muted
#797D7B

Preview Lab

Preview with #106043

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

Preview Lab → · Contrast checker → · Palette generator →

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