#5DECE7#5DECE7

#5DECE7 is a very light, vivid teal. Relative luminance 0.681; OKLCH L 86.5% C 0.122 H 191.9°. Best body text is #000000 at 14.62:1 contrast (WCAG AA passes).

Color values

HEX#5DECE7
RGBrgb(93, 236, 231)
HSLhsl(178, 79%, 65%)
HSVhsv(178, 61%, 93%)
CMYKcmyk(60.6%, 0%, 2.1%, 7.5%)
CIE-LABlab(86.05, -39.14, -9.04)
CIE-LCHlch(86.05, 40.17, 193.00°)
OKLaboklab(86.51% -0.1195 -0.0251)
OKLCHoklch(86.51% 0.122 191.9)
XYZxyz(48.9271, 68.0824, 86.1485)
Luminance0.6809 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5DECE7 #EC5D62
analogous
#5DECA0 #5DECE7 #5DAAEC
triadic
#5DECE7 #E75DEC #ECE75D
tetradic
#5DECE7 #A05DEC #EC5D62 #AAEC5D
square
#5DECE7 #A05DEC #EC5D62 #AAEC5D
split-complementary
#5DECE7 #EC5DAA #ECA05D
monochromatic
#16B9B3 #26E6DF #5DECE7 #94F2EF #CBF9F7

Accessibility & contrast

On white

1.44
#5DECE7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.62
#5DECE7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5DECE7
14.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5DECE7#FFFFFF#000000##000000
##5DECE71.001.4414.6214.62
#FFFFFF1.441.0021.0021.00
#00000014.6221.001.001.00
##00000014.6221.001.001.00

Color blindness preview

Protanopia (red-blind)
#DFE1E7
Deuteranopia (green-blind)
#C8D0E8
Tritanopia (blue-blind)
#00F2EA
Achromatopsia (no color)
#D7D7D7

Design tokens & code

CSS
--color: #5dece7;
/* rgb */ color: rgb(93, 236, 231);
/* oklch */ color: oklch(86.5% 0.122 191.9);
Tailwind
colors: {
  custom: {
    50: '#9af2ee',
    500: '#5dece7',
    950: '#000000',
  },
}
SCSS
$custom: #5dece7;
$custom-light: #9af2ee;
$custom-dark: #000000;
JSON
{
  "hex": "#5dece7",
  "rgb": {
    "r": 93,
    "g": 236,
    "b": 231
  },
  "hsl": {
    "h": 177.902,
    "s": 79.006,
    "l": 64.51
  },
  "oklch": {
    "l": 0.86514,
    "c": 0.12209,
    "h": 191.9
  },
  "luminance": 0.68088
}

Semantic roles & 50–950 ramp

primary
#5DECE7
secondary
#B8353A
accent
#0A12DB
background
#FCFFFF
surface
#F6FEFE
border
#D0D6D6
text
#0F1716
muted
#808585

Preview Lab

Preview with #5DECE7

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

Preview Lab → · Contrast checker → · Palette generator →

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