Preview
#657886
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.58:1 · vs black: 4.58:1
HEX
#657886
RGB
rgb(101, 120, 134)
RGBA
rgba(101, 120, 134, 1)
HSL
hsl(205, 14%, 46%)
HSV
hsv(205, 25%, 53%)
LAB
lab(49.4% -3.62 -9.95)
LCH
lch(49.4% 10.59 250.01)
OKLAB
oklab(0.5623 -0.0156 -0.0271)
OKLCH
oklch(0.5623 0.0313 240.07)
XYZ
xyz(16.39, 17.92, 25.15)
CMYK
cmyk(25%, 10%, 0%, 47%)
CSS
color: #657886;
CSS variable
--color-657886: #657886;
SCSS
$color-657886: #657886;
Tailwind
sky-500
Export
:root {
--#657886-1: #657886;
}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.