Preview
#58d2e3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.79:1 · vs black: 11.74:1
HEX
#58d2e3
RGB
rgb(88, 210, 227)
RGBA
rgba(88, 210, 227, 1)
HSL
hsl(187, 71%, 62%)
HSV
hsv(187, 61%, 89%)
LAB
lab(78.29% -28.85 -18.55)
LCH
lch(78.29% 34.3 212.74)
OKLAB
oklab(0.8017 -0.0972 -0.0514)
OKLCH
oklch(0.8017 0.11 207.87)
XYZ
xyz(40.93, 53.71, 80.87)
CMYK
cmyk(61%, 7%, 0%, 11%)
CSS
color: #58d2e3;
CSS variable
--color-58d2e3: #58d2e3;
SCSS
$color-58d2e3: #58d2e3;
Tailwind
cyan-300
Export
:root {
--#58d2e3-1: #58d2e3;
}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.