Preview
#5bf5e9
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.34:1 · vs black: 15.68:1
HEX
#5bf5e9
RGB
rgb(91, 245, 233)
RGBA
rgba(91, 245, 233, 1)
HSL
hsl(175, 89%, 66%)
HSV
hsv(175, 63%, 96%)
LAB
lab(88.64% -42.97 -6.25)
LCH
lch(88.64% 43.42 188.28)
OKLAB
oklab(0.8862 -0.1286 -0.0176)
OKLCH
oklch(0.8862 0.1298 187.79)
XYZ
xyz(51.67, 73.41, 88.52)
CMYK
cmyk(63%, 0%, 5%, 4%)
CSS
color: #5bf5e9;
CSS variable
--color-5bf5e9: #5bf5e9;
SCSS
$color-5bf5e9: #5bf5e9;
Tailwind
teal-300
Export
:root {
--#5bf5e9-1: #5bf5e9;
}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.