Preview
#42a5f5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.65:1 · vs black: 7.93:1
HEX
#42a5f5
RGB
rgb(66, 165, 245)
RGBA
rgba(66, 165, 245, 1)
HSL
hsl(207, 90%, 61%)
HSV
hsv(207, 73%, 96%)
LAB
lab(65.48% -2.74 -48.15)
LCH
lch(65.48% 48.23 266.74)
OKLAB
oklab(0.7002 -0.059 -0.1367)
OKLCH
oklch(0.7002 0.1489 246.65)
XYZ
xyz(32.18, 34.66, 91.36)
CMYK
cmyk(73%, 33%, 0%, 4%)
CSS
color: #42a5f5;
CSS variable
--color-42a5f5: #42a5f5;
SCSS
$color-42a5f5: #42a5f5;
Tailwind
sky-300
Export
:root {
--material-blue-400-1: #42a5f5;
}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.