Preview
#687b8b
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.38:1 · vs black: 4.79:1
HEX
#687b8b
RGB
rgb(104, 123, 139)
RGBA
rgba(104, 123, 139, 1)
HSL
hsl(207, 14%, 48%)
HSV
hsv(207, 25%, 55%)
LAB
lab(50.65% -3.12 -10.98)
LCH
lch(50.65% 11.41 254.14)
OKLAB
oklab(0.5733 -0.0147 -0.0299)
OKLCH
oklch(0.5733 0.0333 243.82)
XYZ
xyz(17.45, 18.97, 27.16)
CMYK
cmyk(25%, 12%, 0%, 45%)
CSS
color: #687b8b;
CSS variable
--color-687b8b: #687b8b;
SCSS
$color-687b8b: #687b8b;
Tailwind
sky-500
Export
:root {
--#687b8b-1: #687b8b;
}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.