Preview
#58cee3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.35:1
HEX
#58cee3
RGB
rgb(88, 206, 227)
RGBA
rgba(88, 206, 227, 1)
HSL
hsl(189, 71%, 62%)
HSV
hsv(189, 61%, 89%)
LAB
lab(77.14% -26.9 -20.3)
LCH
lch(77.14% 33.7 217.04)
OKLAB
oklab(0.7924 -0.0931 -0.0563)
OKLCH
oklch(0.7924 0.1088 211.16)
XYZ
xyz(39.96, 51.76, 80.54)
CMYK
cmyk(61%, 9%, 0%, 11%)
CSS
color: #58cee3;
CSS variable
--color-58cee3: #58cee3;
SCSS
$color-58cee3: #58cee3;
Tailwind
cyan-300
Export
:root {
--#58cee3-1: #58cee3;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.