#58A0CB#58A0CB

#58A0CB is a light, moderate cyan. Relative luminance 0.315; OKLCH L 67.6% C 0.096 H 236.8°. Best body text is #000000 at 7.31:1 contrast (WCAG AA passes).

Color values

HEX#58A0CB
RGBrgb(88, 160, 203)
HSLhsl(202, 53%, 57%)
HSVhsv(202, 57%, 80%)
CMYKcmyk(56.7%, 21.2%, 0%, 20.4%)
CIE-LABlab(62.95, -10.12, -28.87)
CIE-LCHlch(62.95, 30.59, 250.69°)
OKLaboklab(67.62% -0.0528 -0.0807)
OKLCHoklch(67.62% 0.096 236.8)
XYZxyz(27.3708, 31.5257, 61.1310)
Luminance0.3153 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#58A0CB #CB8358
analogous
#58CBBD #58A0CB #5867CB
triadic
#58A0CB #CB58A0 #A0CB58
tetradic
#58A0CB #BD58CB #CB8358 #67CB58
square
#58A0CB #BD58CB #CB8358 #67CB58
split-complementary
#58A0CB #CB5867 #CBBD58
monochromatic
#285F81 #3782AF #58A0CB #87BBDA #B5D5E8

Accessibility & contrast

On white

2.87
#58A0CB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.31
#58A0CB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #58A0CB
7.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##58A0CB#FFFFFF#000000##000000
##58A0CB1.002.877.317.31
#FFFFFF2.871.0021.0021.00
#0000007.3121.001.001.00
##0000007.3121.001.001.00

Color blindness preview

Protanopia (red-blind)
#8C9FCD
Deuteranopia (green-blind)
#7C93CA
Tritanopia (blue-blind)
#00ABAE
Achromatopsia (no color)
#989898

Design tokens & code

CSS
--color: #58a0cb;
/* rgb */ color: rgb(88, 160, 203);
/* oklch */ color: oklch(67.6% 0.096 236.8);
Tailwind
colors: {
  custom: {
    50: '#90bcdb',
    500: '#58a0cb',
    950: '#000000',
  },
}
SCSS
$custom: #58a0cb;
$custom-light: #90bcdb;
$custom-dark: #000000;
JSON
{
  "hex": "#58a0cb",
  "rgb": {
    "r": 88,
    "g": 160,
    "b": 203
  },
  "hsl": {
    "h": 202.435,
    "s": 52.511,
    "l": 57.059
  },
  "oklch": {
    "l": 0.67618,
    "c": 0.09642,
    "h": 236.8
  },
  "luminance": 0.31528
}

Semantic roles & 50–950 ramp

primary
#58A0CB
secondary
#D7BAA8
accent
#824CDC
background
#F9FBFD
surface
#F2F6FB
border
#CCD0D4
text
#0D1215
muted
#7E8183

Preview Lab

Preview with #58A0CB

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

Preview Lab → · Contrast checker → · Palette generator →

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