Preview
#83c0c9
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.03:1 · vs black: 10.35:1
HEX
#83c0c9
RGB
rgb(131, 192, 201)
RGBA
rgba(131, 192, 201, 1)
HSL
hsl(188, 39%, 65%)
HSV
hsv(188, 35%, 79%)
LAB
lab(74.02% -17.28 -10.76)
LCH
lch(74.02% 20.36 211.91)
OKLAB
oklab(0.7694 -0.0566 -0.0295)
OKLCH
oklch(0.7694 0.0638 207.53)
XYZ
xyz(38.75, 46.74, 62.23)
CMYK
cmyk(35%, 4%, 0%, 21%)
CSS
color: #83c0c9;
CSS variable
--color-83c0c9: #83c0c9;
SCSS
$color-83c0c9: #83c0c9;
Tailwind
cyan-300
Export
:root {
--#83c0c9-1: #83c0c9;
}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.