Preview
#9ec5ff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.88:1
HEX
#9ec5ff
RGB
rgb(158, 197, 255)
RGBA
rgba(158, 197, 255, 1)
HSL
hsl(216, 100%, 81%)
HSV
hsv(216, 38%, 100%)
LAB
lab(78.71% 1.02 -32.63)
LCH
lch(78.71% 32.65 271.79)
OKLAB
oklab(0.8164 -0.019 -0.0905)
OKLCH
oklch(0.8164 0.0925 258.14)
XYZ
xyz(52.11, 54.42, 102.35)
CMYK
cmyk(38%, 23%, 0%, 0%)
CSS
color: #9ec5ff;
CSS variable
--color-9ec5ff: #9ec5ff;
SCSS
$color-9ec5ff: #9ec5ff;
Tailwind
sky-100
Export
:root {
--#9ec5ff-1: #9ec5ff;
}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.