Preview
#288be2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.57:1 · vs black: 5.88:1
HEX
#288be2
RGB
rgb(40, 139, 226)
RGBA
rgba(40, 139, 226, 1)
HSL
hsl(208, 76%, 52%)
HSV
hsv(208, 82%, 89%)
LAB
lab(56.49% 2.82 -51.95)
LCH
lch(56.49% 52.03 273.11)
OKLAB
oklab(0.6246 -0.0541 -0.1484)
OKLCH
oklch(0.6246 0.158 249.97)
XYZ
xyz(23.83, 24.40, 75.39)
CMYK
cmyk(82%, 38%, 0%, 11%)
CSS
color: #288be2;
CSS variable
--color-288be2: #288be2;
SCSS
$color-288be2: #288be2;
Tailwind
sky-400
Export
:root {
--#288be2-1: #288be2;
}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.