Preview
#448bbb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.71:1 · vs black: 5.66:1
HEX
#448bbb
RGB
rgb(68, 139, 187)
RGBA
rgba(68, 139, 187, 1)
HSL
hsl(204, 47%, 50%)
HSV
hsv(204, 64%, 73%)
LAB
lab(55.36% -7.33 -31.69)
LCH
lch(55.36% 32.53 256.98)
OKLAB
oklab(0.6117 -0.0498 -0.0891)
OKLCH
oklch(0.6117 0.1021 240.8)
XYZ
xyz(20.58, 23.28, 50.41)
CMYK
cmyk(64%, 26%, 0%, 27%)
CSS
color: #448bbb;
CSS variable
--color-448bbb: #448bbb;
SCSS
$color-448bbb: #448bbb;
Tailwind
sky-500
Export
:root {
--#448bbb-1: #448bbb;
}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.