Preview
#afaeea
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.07:1
HEX
#afaeea
RGB
rgb(175, 174, 234)
RGBA
rgba(175, 174, 234, 1)
HSL
hsl(241, 59%, 80%)
HSV
hsv(241, 26%, 92%)
LAB
lab(73.11% 13.16 -29.85)
LCH
lch(73.11% 32.62 293.79)
OKLAB
oklab(0.7731 0.022 -0.0823)
OKLCH
oklch(0.7731 0.0852 284.97)
XYZ
xyz(47.66, 45.33, 84.06)
CMYK
cmyk(25%, 26%, 0%, 8%)
CSS
color: #afaeea;
CSS variable
--color-afaeea: #afaeea;
SCSS
$color-afaeea: #afaeea;
Tailwind
indigo-200
Export
:root {
--#afaeea-1: #afaeea;
}Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.