#3AAE89#3AAE89

#3AAE89 is a light, moderate teal. Relative luminance 0.330; OKLCH L 67.6% C 0.117 H 167.9°. Best body text is #000000 at 7.60:1 contrast (WCAG AA passes).

Color values

HEX#3AAE89
RGBrgb(58, 174, 137)
HSLhsl(161, 50%, 45%)
HSVhsv(161, 67%, 68%)
CMYKcmyk(66.7%, 0%, 21.3%, 31.8%)
CIE-LABlab(64.14, -41.29, 9.64)
CIE-LCHlch(64.14, 42.40, 166.85°)
OKLaboklab(67.63% -0.1148 0.0247)
OKLCHoklch(67.63% 0.117 167.9)
XYZxyz(21.3940, 32.9754, 28.8995)
Luminance0.3298 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3AAE89 #AE3A5F
analogous
#3AAE4F #3AAE89 #3A99AE
triadic
#3AAE89 #893AAE #AE893A
tetradic
#3AAE89 #4F3AAE #AE3A5F #99AE3A
square
#3AAE89 #4F3AAE #AE3A5F #99AE3A
split-complementary
#3AAE89 #AE3A99 #AE4F3A
monochromatic
#1B5241 #2B8065 #3AAE89 #5CC9A6 #8AD8BF

Accessibility & contrast

On white

2.76
#3AAE89 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.60
#3AAE89 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #3AAE89
7.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3AAE89#FFFFFF#000000##000000
##3AAE891.002.767.607.60
#FFFFFF2.761.0021.0021.00
#0000007.6021.001.001.00
##0000007.6021.001.001.00

Color blindness preview

Protanopia (red-blind)
#AAA287
Deuteranopia (green-blind)
#9A978B
Tritanopia (blue-blind)
#00AFA4
Achromatopsia (no color)
#9B9B9B

Design tokens & code

CSS
--color: #3aae89;
/* rgb */ color: rgb(58, 174, 137);
/* oklch */ color: oklch(67.6% 0.117 167.9);
Tailwind
colors: {
  custom: {
    50: '#7ec7ab',
    500: '#3aae89',
    950: '#000000',
  },
}
SCSS
$custom: #3aae89;
$custom-light: #7ec7ab;
$custom-dark: #000000;
JSON
{
  "hex": "#3aae89",
  "rgb": {
    "r": 58,
    "g": 174,
    "b": 137
  },
  "hsl": {
    "h": 160.862,
    "s": 50,
    "l": 45.49
  },
  "oklch": {
    "l": 0.67625,
    "c": 0.11746,
    "h": 167.9
  },
  "luminance": 0.32978
}

Semantic roles & 50–950 ramp

primary
#3AAE89
secondary
#C28196
accent
#4E7BDA
background
#F8FCFA
surface
#EFF8F4
border
#CAD1CE
text
#0B1310
muted
#7C827F

Preview Lab

Preview with #3AAE89

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

Preview Lab → · Contrast checker → · Palette generator →

#3AAE89 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva