Preview
#9fc4e8
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.54:1
HEX
#9fc4e8
RGB
rgb(159, 196, 232)
RGBA
rgba(159, 196, 232, 1)
HSL
hsl(210, 61%, 77%)
HSV
hsv(210, 31%, 91%)
LAB
lab(77.68% -3.98 -21.86)
LCH
lch(77.68% 22.22 259.68)
OKLAB
oklab(0.8058 -0.0243 -0.06)
OKLCH
oklch(0.8058 0.0647 247.95)
XYZ
xyz(48.60, 52.67, 83.93)
CMYK
cmyk(31%, 16%, 0%, 9%)
CSS
color: #9fc4e8;
CSS variable
--color-9fc4e8: #9fc4e8;
SCSS
$color-9fc4e8: #9fc4e8;
Tailwind
sky-200
Export
:root {
--#9fc4e8-1: #9fc4e8;
}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.