Preview
#99bbff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.91:1
HEX
#99bbff
RGB
rgb(153, 187, 255)
RGBA
rgba(153, 187, 255, 1)
HSL
hsl(220, 100%, 80%)
HSV
hsv(220, 40%, 100%)
LAB
lab(75.78% 5.18 -37.18)
LCH
lch(75.78% 37.54 277.93)
OKLAB
oklab(0.7928 -0.0114 -0.1036)
OKLCH
oklch(0.7928 0.1042 263.72)
XYZ
xyz(48.95, 49.53, 101.57)
CMYK
cmyk(40%, 27%, 0%, 0%)
CSS
color: #99bbff;
CSS variable
--color-99bbff: #99bbff;
SCSS
$color-99bbff: #99bbff;
Tailwind
blue-200
Export
:root {
--#99bbff-1: #99bbff;
}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.