#5DBCB5#5DBCB5

#5DBCB5 is a light, moderate teal. Relative luminance 0.416; OKLCH L 73.6% C 0.091 H 189.0°. Best body text is #000000 at 9.33:1 contrast (WCAG AA passes).

Color values

HEX#5DBCB5
RGBrgb(93, 188, 181)
HSLhsl(176, 41%, 55%)
HSVhsv(176, 51%, 74%)
CMYKcmyk(50.5%, 0%, 3.7%, 26.3%)
CIE-LABlab(70.61, -29.77, -5.09)
CIE-LCHlch(70.61, 30.20, 189.70°)
OKLaboklab(73.56% -0.0897 -0.0142)
OKLCHoklch(73.56% 0.091 189)
XYZxyz(30.8344, 41.6270, 50.1170)
Luminance0.4163 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5DBCB5 #BC5D64
analogous
#5DBC85 #5DBCB5 #5D93BC
triadic
#5DBCB5 #B55DBC #BCB55D
tetradic
#5DBCB5 #855DBC #BC5D64 #93BC5D
square
#5DBCB5 #855DBC #BC5D64 #93BC5D
split-complementary
#5DBCB5 #BC5D93 #BC855D
monochromatic
#2E706B #409B95 #5DBCB5 #88CEC9 #B4E0DD

Accessibility & contrast

On white

2.25
#5DBCB5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.33
#5DBCB5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5DBCB5
9.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5DBCB5#FFFFFF#000000##000000
##5DBCB51.002.259.339.33
#FFFFFF2.251.0021.0021.00
#0000009.3321.001.001.00
##0000009.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#B3B4B5
Deuteranopia (green-blind)
#A3A8B6
Tritanopia (blue-blind)
#22C0BA
Achromatopsia (no color)
#ADADAD

Design tokens & code

CSS
--color: #5dbcb5;
/* rgb */ color: rgb(93, 188, 181);
/* oklch */ color: oklch(73.6% 0.091 189.0);
Tailwind
colors: {
  custom: {
    50: '#92d0cb',
    500: '#5dbcb5',
    950: '#000000',
  },
}
SCSS
$custom: #5dbcb5;
$custom-light: #92d0cb;
$custom-dark: #000000;
JSON
{
  "hex": "#5dbcb5",
  "rgb": {
    "r": 93,
    "g": 188,
    "b": 181
  },
  "hsl": {
    "h": 175.579,
    "s": 41.485,
    "l": 55.098
  },
  "oklch": {
    "l": 0.73561,
    "c": 0.0908,
    "h": 189
  },
  "luminance": 0.4163
}

Semantic roles & 50–950 ramp

primary
#5DBCB5
secondary
#CEA6A9
accent
#5660D1
background
#F9FCFC
surface
#F2F9F8
border
#CCD2D1
text
#0E1413
muted
#7E8282

Preview Lab

Preview with #5DBCB5

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

Preview Lab → · Contrast checker → · Palette generator →

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