#60DBC9#60DBC9

#60DBC9 is a light, moderate teal. Relative luminance 0.574; OKLCH L 81.7% C 0.113 H 182.4°. Best body text is #000000 at 12.47:1 contrast (WCAG AA passes).

Color values

HEX#60DBC9
RGBrgb(96, 219, 201)
HSLhsl(171, 63%, 62%)
HSVhsv(171, 56%, 86%)
CMYKcmyk(56.2%, 0%, 8.2%, 14.1%)
CIE-LABlab(80.38, -38.60, -1.51)
CIE-LCHlch(80.38, 38.63, 182.24°)
OKLaboklab(81.68% -0.1131 -0.0047)
OKLCHoklch(81.68% 0.113 182.4)
XYZxyz(40.6933, 57.3629, 64.1746)
Luminance0.5737 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#60DBC9 #DB6072
analogous
#60DB8C #60DBC9 #60AFDB
triadic
#60DBC9 #C960DB #DBC960
tetradic
#60DBC9 #8C60DB #DB6072 #AFDB60
square
#60DBC9 #8C60DB #DB6072 #AFDB60
split-complementary
#60DBC9 #DB60AF #DB8C60
monochromatic
#249D8B #2FCFB8 #60DBC9 #92E6DA #C4F2EB

Accessibility & contrast

On white

1.68
#60DBC9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.47
#60DBC9 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #60DBC9
12.47:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##60DBC9#FFFFFF#000000##000000
##60DBC91.001.6812.4712.47
#FFFFFF1.681.0021.0021.00
#00000012.4721.001.001.00
##00000012.4721.001.001.00

Color blindness preview

Protanopia (red-blind)
#D2D0C8
Deuteranopia (green-blind)
#BFC2CB
Tritanopia (blue-blind)
#00DFD5
Achromatopsia (no color)
#C7C7C7

Design tokens & code

CSS
--color: #60dbc9;
/* rgb */ color: rgb(96, 219, 201);
/* oklch */ color: oklch(81.7% 0.113 182.4);
Tailwind
colors: {
  custom: {
    50: '#98e6d9',
    500: '#60dbc9',
    950: '#000000',
  },
}
SCSS
$custom: #60dbc9;
$custom-light: #98e6d9;
$custom-dark: #000000;
JSON
{
  "hex": "#60dbc9",
  "rgb": {
    "r": 96,
    "g": 219,
    "b": 201
  },
  "hsl": {
    "h": 171.22,
    "s": 63.077,
    "l": 61.765
  },
  "oklch": {
    "l": 0.81676,
    "c": 0.11317,
    "h": 182.4
  },
  "luminance": 0.57367
}

Semantic roles & 50–950 ramp

primary
#60DBC9
secondary
#A13E4D
accent
#1B34CB
background
#FCFEFE
surface
#F5FCFB
border
#CFD5D4
text
#0F1614
muted
#808483

Preview Lab

Preview with #60DBC9

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

Preview Lab → · Contrast checker → · Palette generator →

#60DBC9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva