Preview
#8395a6
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.08:1 · vs black: 6.81:1
HEX
#8395a6
RGB
rgb(131, 149, 166)
RGBA
rgba(131, 149, 166, 1)
HSL
hsl(209, 16%, 58%)
HSV
hsv(209, 21%, 65%)
LAB
lab(60.85% -2.59 -11.06)
LCH
lch(60.85% 11.36 256.82)
OKLAB
oklab(0.6614 -0.0129 -0.03)
OKLCH
oklch(0.6614 0.0327 246.73)
XYZ
xyz(26.99, 29.07, 40.26)
CMYK
cmyk(21%, 10%, 0%, 35%)
CSS
color: #8395a6;
CSS variable
--color-8395a6: #8395a6;
SCSS
$color-8395a6: #8395a6;
Tailwind
sky-400
Export
:root {
--#8395a6-1: #8395a6;
}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.