#2B8977#2B8977

#2B8977 is a mid, moderate teal. Relative luminance 0.197; OKLCH L 57.1% C 0.091 H 177.5°. Best body text is #000000 at 4.95:1 contrast (WCAG AA passes).

Color values

HEX#2B8977
RGBrgb(43, 137, 119)
HSLhsl(169, 52%, 35%)
HSVhsv(169, 69%, 54%)
CMYKcmyk(68.6%, 0%, 13.1%, 46.3%)
CIE-LABlab(51.54, -31.72, 1.70)
CIE-LCHlch(51.54, 31.76, 176.93°)
OKLaboklab(57.08% -0.091 0.004)
OKLCHoklch(57.08% 0.091 177.5)
XYZxyz(13.2701, 19.7353, 20.5591)
Luminance0.1974 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2B8977 #892B3D
analogous
#2B8948 #2B8977 #2B6C89
triadic
#2B8977 #772B89 #89772B
tetradic
#2B8977 #482B89 #892B3D #6C892B
square
#2B8977 #482B89 #892B3D #6C892B
split-complementary
#2B8977 #892B6C #89482B
monochromatic
#0E2C26 #1C5A4F #2B8977 #3AB89F #61CDB9

Accessibility & contrast

On white

4.24
#2B8977 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.95
#2B8977 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #2B8977
4.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2B8977#FFFFFF#000000##000000
##2B89771.004.244.954.95
#FFFFFF4.241.0021.0021.00
#0000004.9521.001.001.00
##0000004.9521.001.001.00

Color blindness preview

Protanopia (red-blind)
#848176
Deuteranopia (green-blind)
#767778
Tritanopia (blue-blind)
#008B84
Achromatopsia (no color)
#7B7B7B

Design tokens & code

CSS
--color: #2b8977;
/* rgb */ color: rgb(43, 137, 119);
/* oklch */ color: oklch(57.1% 0.091 177.5);
Tailwind
colors: {
  custom: {
    50: '#71ac9e',
    500: '#2b8977',
    950: '#000000',
  },
}
SCSS
$custom: #2b8977;
$custom-light: #71ac9e;
$custom-dark: #000000;
JSON
{
  "hex": "#2b8977",
  "rgb": {
    "r": 43,
    "g": 137,
    "b": 119
  },
  "hsl": {
    "h": 168.511,
    "s": 52.222,
    "l": 35.294
  },
  "oklch": {
    "l": 0.57075,
    "c": 0.09106,
    "h": 177.5
  },
  "luminance": 0.19737
}

Semantic roles & 50–950 ramp

primary
#2B8977
secondary
#B35C6D
accent
#4C68DC
background
#F7FAF9
surface
#EDF4F2
border
#C8CECC
text
#09100E
muted
#7B7F7E

Preview Lab

Preview with #2B8977

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

Preview Lab → · Contrast checker → · Palette generator →

#2B8977 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva