#8CEDCD#8CEDCD

#8CEDCD is a very light, moderate teal. Relative luminance 0.706; OKLCH L 87.7% C 0.103 H 170.6°. Best body text is #000000 at 15.11:1 contrast (WCAG AA passes).

Color values

HEX#8CEDCD
RGBrgb(140, 237, 205)
HSLhsl(160, 73%, 74%)
HSVhsv(160, 41%, 93%)
CMYKcmyk(40.9%, 0%, 13.5%, 7.1%)
CIE-LABlab(87.26, -35.87, 6.57)
CIE-LCHlch(87.26, 36.47, 169.61°)
OKLaboklab(87.72% -0.1018 0.0168)
OKLCHoklch(87.72% 0.103 170.6)
XYZxyz(52.1145, 70.5479, 68.6167)
Luminance0.7055 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8CEDCD #ED8CAC
analogous
#8CED9D #8CEDCD #8CDDED
triadic
#8CEDCD #CD8CED #EDCD8C
tetradic
#8CEDCD #9D8CED #ED8CAC #DDED8C
square
#8CEDCD #9D8CED #ED8CAC #DDED8C
split-complementary
#8CEDCD #ED8CDD #ED9D8C
monochromatic
#22DC9F #57E5B6 #8CEDCD #C1F5E4 #E5FBF3

Accessibility & contrast

On white

1.39
#8CEDCD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.11
#8CEDCD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8CEDCD
15.11:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8CEDCD#FFFFFF#000000##000000
##8CEDCD1.001.3915.1115.11
#FFFFFF1.391.0021.0021.00
#00000015.1121.001.001.00
##00000015.1121.001.001.00

Color blindness preview

Protanopia (red-blind)
#E8E1CB
Deuteranopia (green-blind)
#D8D6CF
Tritanopia (blue-blind)
#6EEEE4
Achromatopsia (no color)
#DBDBDB

Design tokens & code

CSS
--color: #8cedcd;
/* rgb */ color: rgb(140, 237, 205);
/* oklch */ color: oklch(87.7% 0.103 170.6);
Tailwind
colors: {
  custom: {
    50: '#b2f3dc',
    500: '#8cedcd',
    950: '#000000',
  },
}
SCSS
$custom: #8cedcd;
$custom-light: #b2f3dc;
$custom-dark: #000000;
JSON
{
  "hex": "#8cedcd",
  "rgb": {
    "r": 140,
    "g": 237,
    "b": 205
  },
  "hsl": {
    "h": 160.206,
    "s": 72.932,
    "l": 73.922
  },
  "oklch": {
    "l": 0.87721,
    "c": 0.10322,
    "h": 170.6
  },
  "luminance": 0.70552
}

Semantic roles & 50–950 ramp

primary
#8CEDCD
secondary
#C8557B
accent
#1051D5
background
#FDFFFE
surface
#F8FEFC
border
#D1D6D5
text
#111715
muted
#818584

Preview Lab

Preview with #8CEDCD

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

Preview Lab → · Contrast checker → · Palette generator →

#8CEDCD Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva