#6ED6CC#6ED6CC

#6ED6CC is a light, moderate teal. Relative luminance 0.558; OKLCH L 81.1% C 0.098 H 187.2°. Best body text is #000000 at 12.15:1 contrast (WCAG AA passes).

Color values

HEX#6ED6CC
RGBrgb(110, 214, 204)
HSLhsl(174, 56%, 64%)
HSVhsv(174, 49%, 84%)
CMYKcmyk(48.6%, 0%, 4.7%, 16.1%)
CIE-LABlab(79.48, -32.62, -4.38)
CIE-LCHlch(79.48, 32.91, 187.65°)
OKLaboklab(81.1% -0.0975 -0.0123)
OKLCHoklch(81.1% 0.098 187.2)
XYZxyz(41.3716, 55.7642, 65.6984)
Luminance0.5577 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6ED6CC #D66E78
analogous
#6ED698 #6ED6CC #6EACD6
triadic
#6ED6CC #CC6ED6 #D6CC6E
tetradic
#6ED6CC #986ED6 #D66E78 #ACD66E
square
#6ED6CC #986ED6 #D66E78 #ACD66E
split-complementary
#6ED6CC #D66EAC #D6986E
monochromatic
#2C9D92 #3EC9BB #6ED6CC #9EE3DD #CDF1EE

Accessibility & contrast

On white

1.73
#6ED6CC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.15
#6ED6CC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6ED6CC
12.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6ED6CC#FFFFFF#000000##000000
##6ED6CC1.001.7312.1512.15
#FFFFFF1.731.0021.0021.00
#00000012.1521.001.001.00
##00000012.1521.001.001.00

Color blindness preview

Protanopia (red-blind)
#CDCCCC
Deuteranopia (green-blind)
#BBC0CD
Tritanopia (blue-blind)
#35DAD3
Achromatopsia (no color)
#C5C5C5

Design tokens & code

CSS
--color: #6ed6cc;
/* rgb */ color: rgb(110, 214, 204);
/* oklch */ color: oklch(81.1% 0.098 187.2);
Tailwind
colors: {
  custom: {
    50: '#9fe3db',
    500: '#6ed6cc',
    950: '#000000',
  },
}
SCSS
$custom: #6ed6cc;
$custom-light: #9fe3db;
$custom-dark: #000000;
JSON
{
  "hex": "#6ed6cc",
  "rgb": {
    "r": 110,
    "g": 214,
    "b": 204
  },
  "hsl": {
    "h": 174.231,
    "s": 55.914,
    "l": 63.529
  },
  "oklch": {
    "l": 0.81102,
    "c": 0.09832,
    "h": 187.2
  },
  "luminance": 0.55768
}

Semantic roles & 50–950 ramp

primary
#6ED6CC
secondary
#A2474F
accent
#2232C3
background
#FCFEFE
surface
#F6FCFB
border
#D0D5D4
text
#0F1515
muted
#808484

Preview Lab

Preview with #6ED6CC

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

Preview Lab → · Contrast checker → · Palette generator →

#6ED6CC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva