Preview
#6a8392
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.98:1 · vs black: 5.27:1
HEX
#6a8392
RGB
rgb(106, 131, 146)
RGBA
rgba(106, 131, 146, 1)
HSL
hsl(203, 16%, 49%)
HSV
hsv(203, 27%, 57%)
LAB
lab(53.35% -5.32 -11)
LCH
lch(53.35% 12.22 244.19)
OKLAB
oklab(0.5957 -0.0213 -0.03)
OKLCH
oklch(0.5957 0.0368 234.63)
XYZ
xyz(19.25, 21.37, 30.30)
CMYK
cmyk(27%, 10%, 0%, 43%)
CSS
color: #6a8392;
CSS variable
--color-6a8392: #6a8392;
SCSS
$color-6a8392: #6a8392;
Tailwind
sky-500
Export
:root {
--#6a8392-1: #6a8392;
}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.