#42CDB5#42CDB5

#42CDB5 is a light, vivid teal. Relative luminance 0.482; OKLCH L 76.8% C 0.123 H 178.9°. Best body text is #000000 at 10.63:1 contrast (WCAG AA passes).

Color values

HEX#42CDB5
RGBrgb(66, 205, 181)
HSLhsl(170, 58%, 53%)
HSVhsv(170, 68%, 80%)
CMYKcmyk(67.8%, 0%, 11.7%, 19.6%)
CIE-LABlab(74.92, -42.57, 1.14)
CIE-LCHlch(74.92, 42.59, 178.46°)
OKLaboklab(76.84% -0.1227 0.0024)
OKLCHoklch(76.84% 0.123 178.9)
XYZxyz(32.4145, 48.1534, 51.2933)
Luminance0.4816 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#42CDB5 #CD425A
analogous
#42CD6F #42CDB5 #42A0CD
triadic
#42CDB5 #B542CD #CDB542
tetradic
#42CDB5 #6F42CD #CD425A #A0CD42
square
#42CDB5 #6F42CD #CD425A #A0CD42
split-complementary
#42CDB5 #CD42A0 #CD6F42
monochromatic
#1F7667 #2CA691 #42CDB5 #72DAC8 #A3E7DB

Accessibility & contrast

On white

1.98
#42CDB5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.63
#42CDB5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #42CDB5
10.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##42CDB5#FFFFFF#000000##000000
##42CDB51.001.9810.6310.63
#FFFFFF1.981.0021.0021.00
#00000010.6321.001.001.00
##00000010.6321.001.001.00

Color blindness preview

Protanopia (red-blind)
#C5C1B4
Deuteranopia (green-blind)
#B1B2B7
Tritanopia (blue-blind)
#00D0C6
Achromatopsia (no color)
#B8B8B8

Design tokens & code

CSS
--color: #42cdb5;
/* rgb */ color: rgb(66, 205, 181);
/* oklch */ color: oklch(76.8% 0.123 178.9);
Tailwind
colors: {
  custom: {
    50: '#88ddcb',
    500: '#42cdb5',
    950: '#000000',
  },
}
SCSS
$custom: #42cdb5;
$custom-light: #88ddcb;
$custom-dark: #000000;
JSON
{
  "hex": "#42cdb5",
  "rgb": {
    "r": 66,
    "g": 205,
    "b": 181
  },
  "hsl": {
    "h": 169.64,
    "s": 58.159,
    "l": 53.137
  },
  "oklch": {
    "l": 0.76839,
    "c": 0.12273,
    "h": 178.9
  },
  "luminance": 0.48157
}

Semantic roles & 50–950 ramp

primary
#42CDB5
secondary
#D397A2
accent
#4661E1
background
#F9FDFC
surface
#F1FBF8
border
#CBD4D1
text
#0D1513
muted
#7E8382

Preview Lab

Preview with #42CDB5

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

Preview Lab → · Contrast checker → · Palette generator →

#42CDB5 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva