Preview
#babdc5
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.88:1 · vs black: 11.17:1
HEX
#babdc5
RGB
rgb(186, 189, 197)
RGBA
rgba(186, 189, 197, 1)
HSL
hsl(224, 9%, 75%)
HSV
hsv(224, 6%, 77%)
LAB
lab(76.6% 0.49 -4.39)
LCH
lch(76.6% 4.42 276.37)
OKLAB
oklab(0.7984 -0.0001 -0.0117)
OKLCH
oklch(0.7984 0.0117 269.51)
XYZ
xyz(48.52, 50.87, 60.07)
CMYK
cmyk(6%, 4%, 0%, 23%)
CSS
color: #babdc5;
CSS variable
--color-babdc5: #babdc5;
SCSS
$color-babdc5: #babdc5;
Tailwind
blue-200
Export
:root {
--#babdc5-1: #babdc5;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.