#58B1CC#58B1CC

#58B1CC is a light, moderate cyan. Relative luminance 0.379; OKLCH L 71.6% C 0.093 H 220.3°. Best body text is #000000 at 8.58:1 contrast (WCAG AA passes).

Color values

HEX#58B1CC
RGBrgb(88, 177, 204)
HSLhsl(194, 53%, 57%)
HSVhsv(194, 57%, 80%)
CMYKcmyk(56.9%, 13.2%, 0%, 20%)
CIE-LABlab(67.93, -18.92, -21.79)
CIE-LCHlch(67.93, 28.85, 229.03°)
OKLaboklab(71.6% -0.0713 -0.0605)
OKLCHoklch(71.6% 0.093 220.3)
XYZxyz(30.6415, 37.8757, 62.8110)
Luminance0.3788 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#58B1CC #CC7358
analogous
#58CCAD #58B1CC #5877CC
triadic
#58B1CC #CC58B1 #B1CC58
tetradic
#58B1CC #AD58CC #CC7358 #77CC58
square
#58B1CC #AD58CC #CC7358 #77CC58
split-complementary
#58B1CC #CC5877 #CCAD58
monochromatic
#286D82 #3694B1 #58B1CC #87C7DA #B6DDE9

Accessibility & contrast

On white

2.45
#58B1CC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.58
#58B1CC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #58B1CC
8.58:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##58B1CC#FFFFFF#000000##000000
##58B1CC1.002.458.588.58
#FFFFFF2.451.0021.0021.00
#0000008.5821.001.001.00
##0000008.5821.001.001.00

Color blindness preview

Protanopia (red-blind)
#A0ADCD
Deuteranopia (green-blind)
#8FA0CC
Tritanopia (blue-blind)
#00BAB9
Achromatopsia (no color)
#A5A5A5

Design tokens & code

CSS
--color: #58b1cc;
/* rgb */ color: rgb(88, 177, 204);
/* oklch */ color: oklch(71.6% 0.093 220.3);
Tailwind
colors: {
  custom: {
    50: '#91c8db',
    500: '#58b1cc',
    950: '#000000',
  },
}
SCSS
$custom: #58b1cc;
$custom-light: #91c8db;
$custom-dark: #000000;
JSON
{
  "hex": "#58b1cc",
  "rgb": {
    "r": 88,
    "g": 177,
    "b": 204
  },
  "hsl": {
    "h": 193.966,
    "s": 53.211,
    "l": 57.255
  },
  "oklch": {
    "l": 0.71597,
    "c": 0.09347,
    "h": 220.3
  },
  "luminance": 0.37879
}

Semantic roles & 50–950 ramp

primary
#58B1CC
secondary
#D7B3A8
accent
#6D4BDD
background
#F9FCFD
surface
#F2F8FB
border
#CCD1D4
text
#0E1315
muted
#7E8283

Preview Lab

Preview with #58B1CC

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

Preview Lab → · Contrast checker → · Palette generator →

#58B1CC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva