#6CC9CE#6CC9CE

#6CC9CE is a light, moderate teal. Relative luminance 0.494; OKLCH L 78.1% C 0.089 H 200.1°. Best body text is #000000 at 10.88:1 contrast (WCAG AA passes).

Color values

HEX#6CC9CE
RGBrgb(108, 201, 206)
HSLhsl(183, 50%, 62%)
HSVhsv(183, 48%, 81%)
CMYKcmyk(47.6%, 2.4%, 0%, 19.2%)
CIE-LABlab(75.71, -26.28, -11.06)
CIE-LCHlch(75.71, 28.52, 202.82°)
OKLaboklab(78.06% -0.0834 -0.0305)
OKLCHoklch(78.06% 0.089 200.1)
XYZxyz(38.2072, 49.4144, 65.9051)
Luminance0.4942 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6CC9CE #CE716C
analogous
#6CCEA2 #6CC9CE #6C98CE
triadic
#6CC9CE #CE6CC9 #C9CE6C
tetradic
#6CC9CE #A26CCE #CE716C #98CE6C
square
#6CC9CE #A26CCE #CE716C #98CE6C
split-complementary
#6CC9CE #CE6C98 #CEA26C
monochromatic
#308B90 #3FB7BE #6CC9CE #9ADADD #C8EBED

Accessibility & contrast

On white

1.93
#6CC9CE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.88
#6CC9CE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6CC9CE
10.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6CC9CE#FFFFFF#000000##000000
##6CC9CE1.001.9310.8810.88
#FFFFFF1.931.0021.0021.00
#00000010.8821.001.001.00
##00000010.8821.001.001.00

Color blindness preview

Protanopia (red-blind)
#BDC2CF
Deuteranopia (green-blind)
#ADB5CF
Tritanopia (blue-blind)
#33CFCA
Achromatopsia (no color)
#BBBBBB

Design tokens & code

CSS
--color: #6cc9ce;
/* rgb */ color: rgb(108, 201, 206);
/* oklch */ color: oklch(78.1% 0.089 200.1);
Tailwind
colors: {
  custom: {
    50: '#9dd9dc',
    500: '#6cc9ce',
    950: '#000000',
  },
}
SCSS
$custom: #6cc9ce;
$custom-light: #9dd9dc;
$custom-dark: #000000;
JSON
{
  "hex": "#6cc9ce",
  "rgb": {
    "r": 108,
    "g": 201,
    "b": 206
  },
  "hsl": {
    "h": 183.061,
    "s": 50,
    "l": 61.569
  },
  "oklch": {
    "l": 0.78063,
    "c": 0.08885,
    "h": 200.1
  },
  "luminance": 0.49418
}

Semantic roles & 50–950 ramp

primary
#6CC9CE
secondary
#DDBBB9
accent
#3028BD
background
#FAFDFD
surface
#F3FAFB
border
#CDD3D4
text
#0F1415
muted
#7F8383

Preview Lab

Preview with #6CC9CE

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

Preview Lab → · Contrast checker → · Palette generator →

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