Preview
#64b5f6
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.21:1 · vs black: 9.48:1
HEX
#64b5f6
RGB
rgb(100, 181, 246)
RGBA
rgba(100, 181, 246, 1)
HSL
hsl(207, 89%, 68%)
HSV
hsv(207, 59%, 96%)
LAB
lab(71.15% -5.99 -39.73)
LCH
lch(71.15% 40.18 261.43)
OKLAB
oklab(0.7482 -0.0527 -0.1117)
OKLCH
oklch(0.7482 0.1235 244.74)
XYZ
xyz(38.41, 42.41, 93.33)
CMYK
cmyk(59%, 26%, 0%, 4%)
CSS
color: #64b5f6;
CSS variable
--color-64b5f6: #64b5f6;
SCSS
$color-64b5f6: #64b5f6;
Tailwind
sky-300
Export
:root {
--material-blue-300-1: #64b5f6;
}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.