Preview
#badade
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.48:1 · vs black: 14.17:1
HEX
#badade
RGB
rgb(186, 218, 222)
RGBA
rgba(186, 218, 222, 1)
HSL
hsl(187, 35%, 80%)
HSV
hsv(187, 16%, 87%)
LAB
lab(84.92% -9.69 -5.5)
LCH
lch(84.92% 11.14 209.58)
OKLAB
oklab(0.8663 -0.0309 -0.0149)
OKLCH
oklch(0.8663 0.0343 205.74)
XYZ
xyz(58.50, 65.85, 78.72)
CMYK
cmyk(16%, 2%, 0%, 13%)
CSS
color: #badade;
CSS variable
--color-badade: #badade;
SCSS
$color-badade: #badade;
Tailwind
cyan-200
Export
:root {
--#badade-1: #badade;
}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.