Preview
#6c8296
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.98:1 · vs black: 5.27:1
HEX
#6c8296
RGB
rgb(108, 130, 150)
RGBA
rgba(108, 130, 150, 1)
HSL
hsl(209, 17%, 51%)
HSV
hsv(209, 28%, 59%)
LAB
lab(53.34% -3.11 -13.34)
LCH
lch(53.34% 13.7 256.88)
OKLAB
oklab(0.5964 -0.0163 -0.0365)
OKLCH
oklch(0.5964 0.04 245.94)
XYZ
xyz(19.67, 21.35, 31.93)
CMYK
cmyk(28%, 13%, 0%, 41%)
CSS
color: #6c8296;
CSS variable
--color-6c8296: #6c8296;
SCSS
$color-6c8296: #6c8296;
Tailwind
sky-400
Export
:root {
--#6c8296-1: #6c8296;
}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.