#5DD1AE#5DD1AE

#5DD1AE is a light, moderate teal. Relative luminance 0.510; OKLCH L 78.4% C 0.118 H 170.6°. Best body text is #000000 at 11.20:1 contrast (WCAG AA passes).

Color values

HEX#5DD1AE
RGBrgb(93, 209, 174)
HSLhsl(162, 56%, 59%)
HSVhsv(162, 56%, 82%)
CMYKcmyk(55.5%, 0%, 16.7%, 18%)
CIE-LABlab(76.67, -41.21, 7.52)
CIE-LCHlch(76.67, 41.89, 169.66°)
OKLaboklab(78.41% -0.1161 0.0192)
OKLCHoklch(78.41% 0.118 170.6)
XYZxyz(34.9511, 50.9808, 48.0346)
Luminance0.5098 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5DD1AE #D15D80
analogous
#5DD174 #5DD1AE #5DBAD1
triadic
#5DD1AE #AE5DD1 #D1AE5D
tetradic
#5DD1AE #745DD1 #D15D80 #BAD15D
square
#5DD1AE #745DD1 #D15D80 #BAD15D
split-complementary
#5DD1AE #D15DBA #D1745D
monochromatic
#288C6E #35BC93 #5DD1AE #8DDFC6 #BCECDE

Accessibility & contrast

On white

1.88
#5DD1AE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.20
#5DD1AE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5DD1AE
11.20:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5DD1AE#FFFFFF#000000##000000
##5DD1AE1.001.8811.2011.20
#FFFFFF1.881.0021.0021.00
#00000011.2021.001.001.00
##00000011.2021.001.001.00

Color blindness preview

Protanopia (red-blind)
#CCC5AC
Deuteranopia (green-blind)
#BAB8B0
Tritanopia (blue-blind)
#1ED2C7
Achromatopsia (no color)
#BDBDBD

Design tokens & code

CSS
--color: #5dd1ae;
/* rgb */ color: rgb(93, 209, 174);
/* oklch */ color: oklch(78.4% 0.118 170.6);
Tailwind
colors: {
  custom: {
    50: '#94e0c6',
    500: '#5dd1ae',
    950: '#000000',
  },
}
SCSS
$custom: #5dd1ae;
$custom-light: #94e0c6;
$custom-dark: #000000;
JSON
{
  "hex": "#5dd1ae",
  "rgb": {
    "r": 93,
    "g": 209,
    "b": 174
  },
  "hsl": {
    "h": 161.897,
    "s": 55.769,
    "l": 59.216
  },
  "oklch": {
    "l": 0.78408,
    "c": 0.11768,
    "h": 170.6
  },
  "luminance": 0.50984
}

Semantic roles & 50–950 ramp

primary
#5DD1AE
secondary
#924059
accent
#4976DF
background
#FCFEFD
surface
#F5FCF9
border
#CFD5D2
text
#0E1513
muted
#7F8482

Preview Lab

Preview with #5DD1AE

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

Preview Lab → · Contrast checker → · Palette generator →

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