Preview
#28c4cc
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.13:1 · vs black: 9.86:1
HEX
#28c4cc
RGB
rgb(40, 196, 204)
RGBA
rgba(40, 196, 204, 1)
HSL
hsl(183, 67%, 48%)
HSV
hsv(183, 80%, 80%)
LAB
lab(72.42% -35.07 -15.09)
LCH
lch(72.42% 38.18 203.28)
OKLAB
oklab(0.7489 -0.1129 -0.042)
OKLCH
oklch(0.7489 0.1205 200.41)
XYZ
xyz(31.51, 44.29, 64.00)
CMYK
cmyk(80%, 4%, 0%, 20%)
CSS
color: #28c4cc;
CSS variable
--color-28c4cc: #28c4cc;
SCSS
$color-28c4cc: #28c4cc;
Tailwind
cyan-500
Export
:root {
--spectrum-#28c4cc-1: #28c4cc;
}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.