#42BCCE#42BCCE

#42BCCE is a light, moderate teal. Relative luminance 0.416; OKLCH L 73.6% C 0.108 H 209.0°. Best body text is #000000 at 9.32:1 contrast (WCAG AA passes).

Color values

HEX#42BCCE
RGBrgb(66, 188, 206)
HSLhsl(188, 59%, 53%)
HSVhsv(188, 68%, 81%)
CMYKcmyk(68%, 8.7%, 0%, 19.2%)
CIE-LABlab(70.58, -27.66, -18.91)
CIE-LCHlch(70.58, 33.51, 214.36°)
OKLaboklab(73.56% -0.0946 -0.0525)
OKLCHoklch(73.56% 0.108 209)
XYZxyz(31.3658, 41.5774, 64.7527)
Luminance0.4158 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#42BCCE #CE5442
analogous
#42CE9A #42BCCE #4276CE
triadic
#42BCCE #CE42BC #BCCE42
tetradic
#42BCCE #9A42CE #CE5442 #76CE42
square
#42BCCE #9A42CE #CE5442 #76CE42
split-complementary
#42BCCE #CE4276 #CE9A42
monochromatic
#1F6B77 #2B97A7 #42BCCE #73CDDB #A3DEE7

Accessibility & contrast

On white

2.25
#42BCCE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.32
#42BCCE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #42BCCE
9.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##42BCCE#FFFFFF#000000##000000
##42BCCE1.002.259.329.32
#FFFFFF2.251.0021.0021.00
#0000009.3221.001.001.00
##0000009.3221.001.001.00

Color blindness preview

Protanopia (red-blind)
#ACB5CF
Deuteranopia (green-blind)
#98A6CE
Tritanopia (blue-blind)
#00C4C1
Achromatopsia (no color)
#ADADAD

Design tokens & code

CSS
--color: #42bcce;
/* rgb */ color: rgb(66, 188, 206);
/* oklch */ color: oklch(73.6% 0.108 209.0);
Tailwind
colors: {
  custom: {
    50: '#88d0dd',
    500: '#42bcce',
    950: '#000000',
  },
}
SCSS
$custom: #42bcce;
$custom-light: #88d0dd;
$custom-dark: #000000;
JSON
{
  "hex": "#42bcce",
  "rgb": {
    "r": 66,
    "g": 188,
    "b": 206
  },
  "hsl": {
    "h": 187.714,
    "s": 58.824,
    "l": 53.333
  },
  "oklch": {
    "l": 0.73563,
    "c": 0.10826,
    "h": 209
  },
  "luminance": 0.41581
}

Semantic roles & 50–950 ramp

primary
#42BCCE
secondary
#D4A098
accent
#5A46E2
background
#F9FCFD
surface
#F1F9FB
border
#CBD2D4
text
#0D1415
muted
#7E8283

Preview Lab

Preview with #42BCCE

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

Preview Lab → · Contrast checker → · Palette generator →

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