Preview
#657584
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.74:1 · vs black: 4.43:1
HEX
#657584
RGB
rgb(101, 117, 132)
RGBA
rgba(101, 117, 132, 1)
HSL
hsl(209, 13%, 46%)
HSV
hsv(209, 23%, 52%)
LAB
lab(48.45% -2.37 -10.18)
LCH
lch(48.45% 10.45 256.89)
OKLAB
oklab(0.5547 -0.012 -0.0277)
OKLCH
oklch(0.5547 0.0302 246.58)
XYZ
xyz(15.89, 17.15, 24.30)
CMYK
cmyk(23%, 11%, 0%, 48%)
CSS
color: #657584;
CSS variable
--color-657584: #657584;
SCSS
$color-657584: #657584;
Tailwind
sky-500
Export
:root {
--#657584-1: #657584;
}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.