#5CAF99#5CAF99

#5CAF99 is a light, moderate teal. Relative luminance 0.352; OKLCH L 69.5% C 0.088 H 174.3°. Best body text is #000000 at 8.05:1 contrast (WCAG AA passes).

Color values

HEX#5CAF99
RGBrgb(92, 175, 153)
HSLhsl(164, 34%, 52%)
HSVhsv(164, 47%, 69%)
CMYKcmyk(47.4%, 0%, 12.6%, 31.4%)
CIE-LABlab(65.93, -30.70, 3.49)
CIE-LCHlch(65.93, 30.90, 173.51°)
OKLaboklab(69.52% -0.0878 0.0088)
OKLCHoklch(69.52% 0.088 174.3)
XYZxyz(25.4910, 35.2331, 35.5882)
Luminance0.3523 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5CAF99 #AF5C72
analogous
#5CAF6F #5CAF99 #5C9CAF
triadic
#5CAF99 #995CAF #AF995C
tetradic
#5CAF99 #6F5CAF #AF5C72 #9CAF5C
square
#5CAF99 #6F5CAF #AF5C72 #9CAF5C
split-complementary
#5CAF99 #AF5C9C #AF6F5C
monochromatic
#306154 #448A77 #5CAF99 #85C3B3 #AED7CC

Accessibility & contrast

On white

2.61
#5CAF99 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.05
#5CAF99 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5CAF99
8.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5CAF99#FFFFFF#000000##000000
##5CAF991.002.618.058.05
#FFFFFF2.611.0021.0021.00
#0000008.0521.001.001.00
##0000008.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#AAA698
Deuteranopia (green-blind)
#9D9C9B
Tritanopia (blue-blind)
#3CB1A8
Achromatopsia (no color)
#A0A0A0

Design tokens & code

CSS
--color: #5caf99;
/* rgb */ color: rgb(92, 175, 153);
/* oklch */ color: oklch(69.5% 0.088 174.3);
Tailwind
colors: {
  custom: {
    50: '#8fc7b7',
    500: '#5caf99',
    950: '#000000',
  },
}
SCSS
$custom: #5caf99;
$custom-light: #8fc7b7;
$custom-dark: #000000;
JSON
{
  "hex": "#5caf99",
  "rgb": {
    "r": 92,
    "g": 175,
    "b": 153
  },
  "hsl": {
    "h": 164.096,
    "s": 34.156,
    "l": 52.353
  },
  "oklch": {
    "l": 0.69515,
    "c": 0.08826,
    "h": 174.3
  },
  "luminance": 0.35235
}

Semantic roles & 50–950 ramp

primary
#5CAF99
secondary
#C5A1AB
accent
#5E7ACA
background
#F9FCFB
surface
#F1F8F6
border
#CBD1D0
text
#0D1311
muted
#7E8280

Preview Lab

Preview with #5CAF99

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

Preview Lab → · Contrast checker → · Palette generator →

#5CAF99 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva