Preview
#9abaef
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.64:1
HEX
#9abaef
RGB
rgb(154, 186, 239)
RGBA
rgba(154, 186, 239, 1)
HSL
hsl(217, 73%, 77%)
HSV
hsv(217, 36%, 94%)
LAB
lab(74.96% 1.79 -29.82)
LCH
lch(74.96% 29.87 273.44)
OKLAB
oklab(0.7845 -0.014 -0.0825)
OKLCH
oklch(0.7845 0.0837 260.37)
XYZ
xyz(46.46, 48.22, 88.50)
CMYK
cmyk(36%, 22%, 0%, 6%)
CSS
color: #9abaef;
CSS variable
--color-9abaef: #9abaef;
SCSS
$color-9abaef: #9abaef;
Tailwind
sky-200
Export
:root {
--#9abaef-1: #9abaef;
}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.