Preview
#7bc1cf
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.37:1
HEX
#7bc1cf
RGB
rgb(123, 193, 207)
RGBA
rgba(123, 193, 207, 1)
HSL
hsl(190, 47%, 65%)
HSV
hsv(190, 41%, 81%)
LAB
lab(74.1% -18.4 -13.95)
LCH
lch(74.1% 23.09 217.17)
OKLAB
oklab(0.7696 -0.0622 -0.0383)
OKLCH
oklch(0.7696 0.073 211.62)
XYZ
xyz(38.50, 46.85, 66.03)
CMYK
cmyk(41%, 7%, 0%, 19%)
CSS
color: #7bc1cf;
CSS variable
--color-7bc1cf: #7bc1cf;
SCSS
$color-7bc1cf: #7bc1cf;
Tailwind
cyan-300
Export
:root {
--#7bc1cf-1: #7bc1cf;
}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.