Preview
#90caf9
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.75:1 · vs black: 12:1
HEX
#90caf9
RGB
rgb(144, 202, 249)
RGBA
rgba(144, 202, 249, 1)
HSL
hsl(207, 90%, 77%)
HSV
hsv(207, 42%, 98%)
LAB
lab(79.05% -6.82 -28.97)
LCH
lch(79.05% 29.76 256.75)
OKLAB
oklab(0.8163 -0.0398 -0.0803)
OKLCH
oklch(0.8163 0.0896 243.64)
XYZ
xyz(49.72, 55.01, 97.60)
CMYK
cmyk(42%, 19%, 0%, 2%)
CSS
color: #90caf9;
CSS variable
--color-90caf9: #90caf9;
SCSS
$color-90caf9: #90caf9;
Tailwind
sky-200
Export
:root {
--material-blue-200-1: #90caf9;
}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.