#178E6F#178E6F

#178E6F is a mid, moderate teal. Relative luminance 0.207; OKLCH L 57.8% C 0.110 H 169.5°. Best body text is #000000 at 5.14:1 contrast (WCAG AA passes).

Color values

HEX#178E6F
RGBrgb(23, 142, 111)
HSLhsl(164, 72%, 32%)
HSVhsv(164, 84%, 56%)
CMYKcmyk(83.8%, 0%, 21.8%, 44.3%)
CIE-LABlab(52.59, -38.74, 7.79)
CIE-LCHlch(52.59, 39.51, 168.62°)
OKLaboklab(57.76% -0.1077 0.0199)
OKLCHoklch(57.76% 0.11 169.5)
XYZxyz(12.8940, 20.6742, 18.3468)
Luminance0.2068 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#178E6F #8E1736
analogous
#178E34 #178E6F #17718E
triadic
#178E6F #6F178E #8E6F17
tetradic
#178E6F #34178E #8E1736 #718E17
square
#178E6F #34178E #8E1736 #718E17
split-complementary
#178E6F #8E1771 #8E3417
monochromatic
#06251D #0E5946 #178E6F #20C398 #3FE0B6

Accessibility & contrast

On white

4.09
#178E6F on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.14
#178E6F on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #178E6F
5.14:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##178E6F#FFFFFF#000000##000000
##178E6F1.004.095.145.14
#FFFFFF4.091.0021.0021.00
#0000005.1421.001.001.00
##0000005.1421.001.001.00

Color blindness preview

Protanopia (red-blind)
#8A846D
Deuteranopia (green-blind)
#7B7971
Tritanopia (blue-blind)
#008F85
Achromatopsia (no color)
#7D7D7D

Design tokens & code

CSS
--color: #178e6f;
/* rgb */ color: rgb(23, 142, 111);
/* oklch */ color: oklch(57.8% 0.110 169.5);
Tailwind
colors: {
  custom: {
    50: '#6cb098',
    500: '#178e6f',
    950: '#000000',
  },
}
SCSS
$custom: #178e6f;
$custom-light: #6cb098;
$custom-dark: #000000;
JSON
{
  "hex": "#178e6f",
  "rgb": {
    "r": 23,
    "g": 142,
    "b": 111
  },
  "hsl": {
    "h": 164.37,
    "s": 72.121,
    "l": 32.353
  },
  "oklch": {
    "l": 0.57763,
    "c": 0.10954,
    "h": 169.5
  },
  "luminance": 0.20676
}

Semantic roles & 50–950 ramp

primary
#178E6F
secondary
#C04062
accent
#3968EF
background
#F7FAF9
surface
#EDF5F2
border
#C8CFCC
text
#08100D
muted
#7B7F7E

Preview Lab

Preview with #178E6F

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

Preview Lab → · Contrast checker → · Palette generator →

#178E6F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva