#1D8B7C#1D8B7C

#1D8B7C is a mid, moderate teal. Relative luminance 0.202; OKLCH L 57.5% C 0.096 H 181.1°. Best body text is #000000 at 5.04:1 contrast (WCAG AA passes).

Color values

HEX#1D8B7C
RGBrgb(29, 139, 124)
HSLhsl(172, 65%, 33%)
HSVhsv(172, 79%, 55%)
CMYKcmyk(79.1%, 0%, 10.8%, 45.5%)
CIE-LABlab(52.04, -33.20, -0.50)
CIE-LCHlch(52.04, 33.21, 180.86°)
OKLaboklab(57.45% -0.0964 -0.0019)
OKLCHoklch(57.45% 0.096 181.1)
XYZxyz(13.3756, 20.1800, 22.2551)
Luminance0.2018 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1D8B7C #8B1D2C
analogous
#1D8B45 #1D8B7C #1D638B
triadic
#1D8B7C #7C1D8B #8B7C1D
tetradic
#1D8B7C #451D8B #8B1D2C #638B1D
square
#1D8B7C #451D8B #8B1D2C #638B1D
split-complementary
#1D8B7C #8B1D63 #8B451D
monochromatic
#082622 #12584F #1D8B7C #28BEA9 #49D9C5

Accessibility & contrast

On white

4.17
#1D8B7C on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.04
#1D8B7C on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #1D8B7C
5.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1D8B7C#FFFFFF#000000##000000
##1D8B7C1.004.175.045.04
#FFFFFF4.171.0021.0021.00
#0000005.0421.001.001.00
##0000005.0421.001.001.00

Color blindness preview

Protanopia (red-blind)
#84827B
Deuteranopia (green-blind)
#76787D
Tritanopia (blue-blind)
#008E86
Achromatopsia (no color)
#7C7C7C

Design tokens & code

CSS
--color: #1d8b7c;
/* rgb */ color: rgb(29, 139, 124);
/* oklch */ color: oklch(57.5% 0.096 181.1);
Tailwind
colors: {
  custom: {
    50: '#6dada1',
    500: '#1d8b7c',
    950: '#000000',
  },
}
SCSS
$custom: #1d8b7c;
$custom-light: #6dada1;
$custom-dark: #000000;
JSON
{
  "hex": "#1d8b7c",
  "rgb": {
    "r": 29,
    "g": 139,
    "b": 124
  },
  "hsl": {
    "h": 171.818,
    "s": 65.476,
    "l": 32.941
  },
  "oklch": {
    "l": 0.5745,
    "c": 0.09639,
    "h": 181.1
  },
  "luminance": 0.20182
}

Semantic roles & 50–950 ramp

primary
#1D8B7C
secondary
#BB4958
accent
#3F56E8
background
#F7FAF9
surface
#EDF4F2
border
#C8CECC
text
#08100F
muted
#7B7F7E

Preview Lab

Preview with #1D8B7C

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

Preview Lab → · Contrast checker → · Palette generator →

#1D8B7C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva