Preview
#6593bb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.26:1 · vs black: 6.44:1
HEX
#6593bb
RGB
rgb(101, 147, 187)
RGBA
rgba(101, 147, 187, 1)
HSL
hsl(208, 39%, 56%)
HSV
hsv(208, 46%, 73%)
LAB
lab(59.18% -4.68 -25.66)
LCH
lch(59.18% 26.08 259.66)
OKLAB
oklab(0.6459 -0.0323 -0.0713)
OKLCH
oklch(0.6459 0.0783 245.63)
XYZ
xyz(24.77, 27.22, 50.95)
CMYK
cmyk(46%, 21%, 0%, 27%)
CSS
color: #6593bb;
CSS variable
--color-6593bb: #6593bb;
SCSS
$color-6593bb: #6593bb;
Tailwind
sky-400
Export
:root {
--#6593bb-1: #6593bb;
}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.