Preview
#56728a
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 5.04:1 · vs black: 4.17:1
HEX
#56728a
RGB
rgb(86, 114, 138)
RGBA
rgba(86, 114, 138, 1)
HSL
hsl(208, 23%, 44%)
HSV
hsv(208, 38%, 54%)
LAB
lab(46.77% -3.77 -16.38)
LCH
lch(46.77% 16.81 257.04)
OKLAB
oklab(0.5395 -0.0213 -0.0452)
OKLCH
oklch(0.5395 0.05 244.77)
XYZ
xyz(14.44, 15.85, 26.34)
CMYK
cmyk(38%, 17%, 0%, 46%)
CSS
color: #56728a;
CSS variable
--color-56728a: #56728a;
SCSS
$color-56728a: #56728a;
Tailwind
sky-500
Export
:root {
--#56728a-1: #56728a;
}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.