#3DCCC0#3DCCC0

#3DCCC0 is a light, moderate teal. Relative luminance 0.480; OKLCH L 76.8% C 0.120 H 186.8°. Best body text is #000000 at 10.60:1 contrast (WCAG AA passes).

Color values

HEX#3DCCC0
RGBrgb(61, 204, 192)
HSLhsl(175, 58%, 52%)
HSVhsv(175, 70%, 80%)
CMYKcmyk(70.1%, 0%, 5.9%, 20%)
CIE-LABlab(74.81, -39.91, -4.97)
CIE-LCHlch(74.81, 40.22, 187.10°)
OKLaboklab(76.82% -0.1188 -0.0141)
OKLCHoklch(76.82% 0.12 186.8)
XYZxyz(33.0273, 47.9797, 57.3793)
Luminance0.4798 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3DCCC0 #CC3D49
analogous
#3DCC79 #3DCCC0 #3D91CC
triadic
#3DCCC0 #C03DCC #CCC03D
tetradic
#3DCCC0 #793DCC #CC3D49 #91CC3D
square
#3DCCC0 #793DCC #CC3D49 #91CC3D
split-complementary
#3DCCC0 #CC3D91 #CC793D
monochromatic
#1E716A #2AA197 #3DCCC0 #6DD9D0 #9EE5DF

Accessibility & contrast

On white

1.98
#3DCCC0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.60
#3DCCC0 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #3DCCC0
10.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3DCCC0#FFFFFF#000000##000000
##3DCCC01.001.9810.6010.60
#FFFFFF1.981.0021.0021.00
#00000010.6021.001.001.00
##00000010.6021.001.001.00

Color blindness preview

Protanopia (red-blind)
#C1C1C0
Deuteranopia (green-blind)
#ADB2C1
Tritanopia (blue-blind)
#00D1C8
Achromatopsia (no color)
#B8B8B8

Design tokens & code

CSS
--color: #3dccc0;
/* rgb */ color: rgb(61, 204, 192);
/* oklch */ color: oklch(76.8% 0.120 186.8);
Tailwind
colors: {
  custom: {
    50: '#87dcd3',
    500: '#3dccc0',
    950: '#000000',
  },
}
SCSS
$custom: #3dccc0;
$custom-light: #87dcd3;
$custom-dark: #000000;
JSON
{
  "hex": "#3dccc0",
  "rgb": {
    "r": 61,
    "g": 204,
    "b": 192
  },
  "hsl": {
    "h": 174.965,
    "s": 58.367,
    "l": 51.961
  },
  "oklch": {
    "l": 0.76818,
    "c": 0.11967,
    "h": 186.8
  },
  "luminance": 0.47984
}

Semantic roles & 50–950 ramp

primary
#3DCCC0
secondary
#D29398
accent
#4653E2
background
#F9FDFC
surface
#F1FBF9
border
#CBD4D2
text
#0D1514
muted
#7E8382

Preview Lab

Preview with #3DCCC0

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

Preview Lab → · Contrast checker → · Palette generator →

#3DCCC0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva