#187A50#187A50

#187A50 is a mid, moderate teal. Relative luminance 0.147; OKLCH L 51.5% C 0.110 H 159.2°. Best body text is #FFFFFF at 5.33:1 contrast (WCAG AA passes).

Color values

HEX#187A50
RGBrgb(24, 122, 80)
HSLhsl(154, 67%, 29%)
HSVhsv(154, 80%, 48%)
CMYKcmyk(80.3%, 0%, 34.4%, 52.2%)
CIE-LABlab(45.21, -37.78, 15.42)
CIE-LCHlch(45.21, 40.80, 157.80°)
OKLaboklab(51.46% -0.1025 0.0389)
OKLCHoklch(51.46% 0.11 159.2)
XYZxyz(8.7833, 14.6914, 9.9607)
Luminance0.1469 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#187A50 #7A1842
analogous
#187A1F #187A50 #18737A
triadic
#187A50 #50187A #7A5018
tetradic
#187A50 #1F187A #7A1842 #737A18
square
#187A50 #1F187A #7A1842 #737A18
split-complementary
#187A50 #7A1873 #7A1F18
monochromatic
#051A11 #0E472E #187A50 #22AD72 #35D792

Accessibility & contrast

On white

5.33
#187A50 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.94
#187A50 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #187A50
5.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##187A50#FFFFFF#000000##FFFFFF
##187A501.005.333.945.33
#FFFFFF5.331.0021.001.00
#0000003.9421.001.0021.00
##FFFFFF5.331.0021.001.00

Color blindness preview

Protanopia (red-blind)
#79704D
Deuteranopia (green-blind)
#6D6853
Tritanopia (blue-blind)
#00796F
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #187a50;
/* rgb */ color: rgb(24, 122, 80);
/* oklch */ color: oklch(51.5% 0.110 159.2);
Tailwind
colors: {
  custom: {
    50: '#66a181',
    500: '#187a50',
    950: '#000000',
  },
}
SCSS
$custom: #187a50;
$custom-light: #66a181;
$custom-dark: #000000;
JSON
{
  "hex": "#187a50",
  "rgb": {
    "r": 24,
    "g": 122,
    "b": 80
  },
  "hsl": {
    "h": 154.286,
    "s": 67.123,
    "l": 28.627
  },
  "oklch": {
    "l": 0.51463,
    "c": 0.10963,
    "h": 159.2
  },
  "luminance": 0.14692
}

Semantic roles & 50–950 ramp

primary
#187A50
secondary
#AF3F6F
accent
#3E88EA
background
#F6FAF7
surface
#EBF3EE
border
#C6CDC9
text
#070F0A
muted
#7A7F7C

Preview Lab

Preview with #187A50

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

Preview Lab → · Contrast checker → · Palette generator →

#187A50 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva