#42ACD0#42ACD0

#42ACD0 is a light, moderate cyan. Relative luminance 0.352; OKLCH L 69.8% C 0.109 H 224.3°. Best body text is #000000 at 8.04:1 contrast (WCAG AA passes).

Color values

HEX#42ACD0
RGBrgb(66, 172, 208)
HSLhsl(195, 60%, 54%)
HSVhsv(195, 68%, 82%)
CMYKcmyk(68.3%, 17.3%, 0%, 18.4%)
CIE-LABlab(65.92, -18.89, -27.14)
CIE-LCHlch(65.92, 33.07, 235.16°)
OKLaboklab(69.84% -0.0777 -0.0758)
OKLCHoklch(69.84% 0.109 224.3)
XYZxyz(28.3798, 35.2142, 64.9636)
Luminance0.3522 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#42ACD0 #D06642
analogous
#42D0AD #42ACD0 #4265D0
triadic
#42ACD0 #D042AC #ACD042
tetradic
#42ACD0 #AD42D0 #D06642 #65D042
square
#42ACD0 #AD42D0 #D06642 #65D042
split-complementary
#42ACD0 #D04265 #D0AD42
monochromatic
#1E6279 #2A8AAA #42ACD0 #73C2DC #A4D7E8

Accessibility & contrast

On white

2.61
#42ACD0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.04
#42ACD0 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #42ACD0
8.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##42ACD0#FFFFFF#000000##000000
##42ACD01.002.618.048.04
#FFFFFF2.611.0021.0021.00
#0000008.0421.001.001.00
##0000008.0421.001.001.00

Color blindness preview

Protanopia (red-blind)
#98A8D2
Deuteranopia (green-blind)
#849AD0
Tritanopia (blue-blind)
#00B7B8
Achromatopsia (no color)
#A0A0A0

Design tokens & code

CSS
--color: #42acd0;
/* rgb */ color: rgb(66, 172, 208);
/* oklch */ color: oklch(69.8% 0.109 224.3);
Tailwind
colors: {
  custom: {
    50: '#87c4de',
    500: '#42acd0',
    950: '#000000',
  },
}
SCSS
$custom: #42acd0;
$custom-light: #87c4de;
$custom-dark: #000000;
JSON
{
  "hex": "#42acd0",
  "rgb": {
    "r": 66,
    "g": 172,
    "b": 208
  },
  "hsl": {
    "h": 195.211,
    "s": 60.169,
    "l": 53.725
  },
  "oklch": {
    "l": 0.6984,
    "c": 0.10861,
    "h": 224.3
  },
  "luminance": 0.35217
}

Semantic roles & 50–950 ramp

primary
#42ACD0
secondary
#D5A899
accent
#6D44E3
background
#F8FCFD
surface
#F0F8FB
border
#CBD1D4
text
#0D1215
muted
#7D8183

Preview Lab

Preview with #42ACD0

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

Preview Lab → · Contrast checker → · Palette generator →

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