Preview
#71cbda
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.87:1 · vs black: 11.26:1
HEX
#71cbda
RGB
rgb(113, 203, 218)
RGBA
rgba(113, 203, 218, 1)
HSL
hsl(189, 59%, 65%)
HSV
hsv(189, 48%, 85%)
LAB
lab(76.85% -22.99 -15.81)
LCH
lch(76.85% 27.9 214.52)
OKLAB
oklab(0.7916 -0.0773 -0.0436)
OKLCH
oklch(0.7916 0.0887 209.42)
XYZ
xyz(40.82, 51.28, 74.06)
CMYK
cmyk(48%, 7%, 0%, 15%)
CSS
color: #71cbda;
CSS variable
--color-71cbda: #71cbda;
SCSS
$color-71cbda: #71cbda;
Tailwind
cyan-300
Export
:root {
--#71cbda-1: #71cbda;
}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.