Preview
#f5f3ff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.1:1 · vs black: 19.15:1
HEX
#f5f3ff
RGB
rgb(245, 243, 255)
RGBA
rgba(245, 243, 255, 1)
HSL
hsl(250, 100%, 98%)
HSV
hsv(250, 5%, 100%)
LAB
lab(96.3% 2.82 -5.52)
LCH
lch(96.3% 6.2 297.06)
OKLAB
oklab(0.9691 0.0065 -0.0147)
OKLCH
oklch(0.9691 0.0161 293.85)
XYZ
xyz(87.75, 90.73, 107.48)
CMYK
cmyk(4%, 5%, 0%, 0%)
CSS
color: #f5f3ff;
CSS variable
--color-f5f3ff: #f5f3ff;
SCSS
$color-f5f3ff: #f5f3ff;
Tailwind
indigo-50
Export
:root {
--tailwind-violet-50-1: #f5f3ff;
}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.