Preview
#1ae6e6
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.51:1
HEX
#1ae6e6
RGB
rgb(26, 230, 230)
RGBA
rgba(26, 230, 230, 1)
HSL
hsl(180, 80%, 50%)
HSV
hsv(180, 89%, 90%)
LAB
lab(83.19% -43.71 -12.88)
LCH
lch(83.19% 45.57 196.42)
OKLAB
oklab(0.8387 -0.1358 -0.0359)
OKLCH
oklch(0.8387 0.1405 194.81)
XYZ
xyz(43.00, 62.52, 84.65)
CMYK
cmyk(89%, 0%, 0%, 10%)
CSS
color: #1ae6e6;
CSS variable
--color-1ae6e6: #1ae6e6;
SCSS
$color-1ae6e6: #1ae6e6;
Tailwind
cyan-500
Export
:root {
--#1ae6e6-1: #1ae6e6;
}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.