Preview
#6baccc
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.5:1 · vs black: 8.4:1
HEX
#6baccc
RGB
rgb(107, 172, 204)
RGBA
rgba(107, 172, 204, 1)
HSL
hsl(200, 49%, 61%)
HSV
hsv(200, 48%, 80%)
LAB
lab(67.27% -12.13 -22.72)
LCH
lch(67.27% 25.76 241.9)
OKLAB
oklab(0.7129 -0.0513 -0.063)
OKLCH
oklch(0.7129 0.0812 230.84)
XYZ
xyz(31.71, 36.99, 62.58)
CMYK
cmyk(48%, 16%, 0%, 20%)
CSS
color: #6baccc;
CSS variable
--color-6baccc: #6baccc;
SCSS
$color-6baccc: #6baccc;
Tailwind
sky-300
Export
:root {
--#6baccc-1: #6baccc;
}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.