#42A6C8#42A6C8

#42A6C8 is a light, moderate cyan. Relative luminance 0.326; OKLCH L 68.1% C 0.104 H 224.1°. Best body text is #000000 at 7.52:1 contrast (WCAG AA passes).

Color values

HEX#42A6C8
RGBrgb(66, 166, 200)
HSLhsl(195, 55%, 52%)
HSVhsv(195, 67%, 78%)
CMYKcmyk(67%, 17%, 0%, 21.6%)
CIE-LABlab(63.83, -18.28, -25.90)
CIE-LCHlch(63.83, 31.70, 234.79°)
OKLaboklab(68.07% -0.0746 -0.0723)
OKLCHoklch(68.07% 0.104 224.1)
XYZxyz(26.3041, 32.5979, 59.5381)
Luminance0.3260 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#42A6C8 #C86442
analogous
#42C8A7 #42A6C8 #4263C8
triadic
#42A6C8 #C842A6 #A6C842
tetradic
#42A6C8 #A742C8 #C86442 #63C842
square
#42A6C8 #A742C8 #C86442 #63C842
split-complementary
#42A6C8 #C84263 #C8A742
monochromatic
#205B6F #2E829F #42A6C8 #71BCD6 #A1D3E4

Accessibility & contrast

On white

2.79
#42A6C8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.52
#42A6C8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #42A6C8
7.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##42A6C8#FFFFFF#000000##000000
##42A6C81.002.797.527.52
#FFFFFF2.791.0021.0021.00
#0000007.5221.001.001.00
##0000007.5221.001.001.00

Color blindness preview

Protanopia (red-blind)
#93A2CA
Deuteranopia (green-blind)
#8095C8
Tritanopia (blue-blind)
#00B0B1
Achromatopsia (no color)
#9B9B9B

Design tokens & code

CSS
--color: #42a6c8;
/* rgb */ color: rgb(66, 166, 200);
/* oklch */ color: oklch(68.1% 0.104 224.1);
Tailwind
colors: {
  custom: {
    50: '#86c0d8',
    500: '#42a6c8',
    950: '#000000',
  },
}
SCSS
$custom: #42a6c8;
$custom-light: #86c0d8;
$custom-dark: #000000;
JSON
{
  "hex": "#42a6c8",
  "rgb": {
    "r": 66,
    "g": 166,
    "b": 200
  },
  "hsl": {
    "h": 195.224,
    "s": 54.918,
    "l": 52.157
  },
  "oklch": {
    "l": 0.68073,
    "c": 0.10396,
    "h": 224.1
  },
  "luminance": 0.32601
}

Semantic roles & 50–950 ramp

primary
#42A6C8
secondary
#D0A496
accent
#6F4ADE
background
#F8FBFD
surface
#F0F7FA
border
#CBD0D3
text
#0C1214
muted
#7D8183

Preview Lab

Preview with #42A6C8

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

Preview Lab → · Contrast checker → · Palette generator →

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