Preview
#5be2f1
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.59:1
HEX
#5be2f1
RGB
rgb(91, 226, 241)
RGBA
rgba(91, 226, 241, 1)
HSL
hsl(186, 84%, 65%)
HSV
hsv(186, 62%, 95%)
LAB
lab(83.42% -32.09 -18.24)
LCH
lch(83.42% 36.91 209.61)
OKLAB
oklab(0.8448 -0.1063 -0.0506)
OKLCH
oklch(0.8448 0.1177 205.45)
XYZ
xyz(47.38, 62.96, 92.86)
CMYK
cmyk(62%, 6%, 0%, 5%)
CSS
color: #5be2f1;
CSS variable
--color-5be2f1: #5be2f1;
SCSS
$color-5be2f1: #5be2f1;
Tailwind
cyan-300
Export
:root {
--#5be2f1-1: #5be2f1;
}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.