Preview
#248cdb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.59:1 · vs black: 5.85:1
HEX
#248cdb
RGB
rgb(36, 140, 219)
RGBA
rgba(36, 140, 219, 1)
HSL
hsl(206, 72%, 50%)
HSV
hsv(206, 84%, 86%)
LAB
lab(56.33% -0.7 -48.3)
LCH
lch(56.33% 48.31 269.17)
OKLAB
oklab(0.6219 -0.0582 -0.1377)
OKLCH
oklch(0.6219 0.1495 247.09)
XYZ
xyz(22.89, 24.24, 70.48)
CMYK
cmyk(84%, 36%, 0%, 14%)
CSS
color: #248cdb;
CSS variable
--color-248cdb: #248cdb;
SCSS
$color-248cdb: #248cdb;
Tailwind
sky-500
Export
:root {
--#248cdb-1: #248cdb;
}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.