Preview
#6c838e
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.98:1 · vs black: 5.27:1
HEX
#6c838e
RGB
rgb(108, 131, 142)
RGBA
rgba(108, 131, 142, 1)
HSL
hsl(199, 14%, 49%)
HSV
hsv(199, 24%, 56%)
LAB
lab(53.36% -5.66 -8.66)
LCH
lch(53.36% 10.35 236.83)
OKLAB
oklab(0.5957 -0.0209 -0.0235)
OKLCH
oklch(0.5957 0.0314 228.35)
XYZ
xyz(19.18, 21.37, 28.70)
CMYK
cmyk(24%, 8%, 0%, 44%)
CSS
color: #6c838e;
CSS variable
--color-6c838e: #6c838e;
SCSS
$color-6c838e: #6c838e;
Tailwind
cyan-500
Export
:root {
--#6c838e-1: #6c838e;
}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.