Preview
#00b7c3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.45:1 · vs black: 8.56:1
HEX
#00b7c3
RGB
rgb(0, 183, 195)
RGBA
rgba(0, 183, 195, 1)
HSL
hsl(184, 100%, 38%)
HSV
hsv(184, 100%, 76%)
LAB
lab(67.88% -33.75 -17.05)
LCH
lch(67.88% 37.81 206.8)
OKLAB
oklab(0.7101 -0.1112 -0.0475)
OKLCH
oklch(0.7101 0.1209 203.13)
XYZ
xyz(26.78, 37.80, 57.50)
CMYK
cmyk(100%, 6%, 0%, 24%)
CSS
color: #00b7c3;
CSS variable
--color-00b7c3: #00b7c3;
SCSS
$color-00b7c3: #00b7c3;
Tailwind
cyan-600
Export
:root {
--fluent-teal-1: #00b7c3;
}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.