Preview
#9ecfff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.82:1
HEX
#9ecfff
RGB
rgb(158, 207, 255)
RGBA
rgba(158, 207, 255, 1)
HSL
hsl(210, 100%, 81%)
HSV
hsv(210, 38%, 100%)
LAB
lab(81.35% -4.34 -28.56)
LCH
lch(81.35% 28.89 261.36)
OKLAB
oklab(0.8372 -0.0313 -0.079)
OKLCH
oklch(0.8372 0.085 248.39)
XYZ
xyz(54.46, 59.11, 103.13)
CMYK
cmyk(38%, 19%, 0%, 0%)
CSS
color: #9ecfff;
CSS variable
--color-9ecfff: #9ecfff;
SCSS
$color-9ecfff: #9ecfff;
Tailwind
sky-100
Export
:root {
--#9ecfff-1: #9ecfff;
}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.