Preview
#90abbb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.41:1 · vs black: 8.73:1
HEX
#90abbb
RGB
rgb(144, 171, 187)
RGBA
rgba(144, 171, 187, 1)
HSL
hsl(202, 24%, 65%)
HSV
hsv(202, 23%, 73%)
LAB
lab(68.49% -5.7 -11.27)
LCH
lch(68.49% 12.63 243.17)
OKLAB
oklab(0.7261 -0.0222 -0.0306)
OKLCH
oklch(0.7261 0.0378 234.04)
XYZ
xyz(35.03, 38.64, 52.62)
CMYK
cmyk(23%, 9%, 0%, 27%)
CSS
color: #90abbb;
CSS variable
--color-90abbb: #90abbb;
SCSS
$color-90abbb: #90abbb;
Tailwind
sky-300
Export
:root {
--#90abbb-1: #90abbb;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.