Preview
#bec2f4
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.21:1
HEX
#bec2f4
RGB
rgb(190, 194, 244)
RGBA
rgba(190, 194, 244, 1)
HSL
hsl(236, 71%, 85%)
HSV
hsv(236, 22%, 96%)
LAB
lab(79.65% 9 -25.12)
LCH
lch(79.65% 26.68 289.71)
OKLAB
oklab(0.8279 0.0136 -0.0688)
OKLCH
oklch(0.8279 0.0701 281.18)
XYZ
xyz(56.85, 56.06, 93.40)
CMYK
cmyk(22%, 20%, 0%, 4%)
CSS
color: #bec2f4;
CSS variable
--color-bec2f4: #bec2f4;
SCSS
$color-bec2f4: #bec2f4;
Tailwind
blue-100
Export
:root {
--#bec2f4-1: #bec2f4;
}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.