Preview
#aaf2ff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.25:1 · vs black: 16.85:1
HEX
#aaf2ff
RGB
rgb(170, 242, 255)
RGBA
rgba(170, 242, 255, 1)
HSL
hsl(189, 100%, 83%)
HSV
hsv(189, 33%, 100%)
LAB
lab(91.35% -19.14 -13.37)
LCH
lch(91.35% 23.35 214.94)
OKLAB
oklab(0.9181 -0.0634 -0.0366)
OKLCH
oklch(0.9181 0.0732 210)
XYZ
xyz(66.37, 79.27, 106.39)
CMYK
cmyk(33%, 5%, 0%, 0%)
CSS
color: #aaf2ff;
CSS variable
--color-aaf2ff: #aaf2ff;
SCSS
$color-aaf2ff: #aaf2ff;
Tailwind
cyan-100
Export
:root {
--#aaf2ff-1: #aaf2ff;
}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.