Preview
#89bfc6
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.03:1 · vs black: 10.33:1
HEX
#89bfc6
RGB
rgb(137, 191, 198)
RGBA
rgba(137, 191, 198, 1)
HSL
hsl(187, 35%, 66%)
HSV
hsv(187, 31%, 78%)
LAB
lab(73.97% -15.82 -9.18)
LCH
lch(73.97% 18.29 210.13)
OKLAB
oklab(0.7696 -0.0512 -0.0251)
OKLCH
oklch(0.7696 0.057 206.12)
XYZ
xyz(39.14, 46.66, 60.36)
CMYK
cmyk(31%, 4%, 0%, 22%)
CSS
color: #89bfc6;
CSS variable
--color-89bfc6: #89bfc6;
SCSS
$color-89bfc6: #89bfc6;
Tailwind
cyan-300
Export
:root {
--#89bfc6-1: #89bfc6;
}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.