Preview
#5b7488
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.89:1 · vs black: 4.3:1
HEX
#5b7488
RGB
rgb(91, 116, 136)
RGBA
rgba(91, 116, 136, 1)
HSL
hsl(207, 20%, 45%)
HSV
hsv(207, 33%, 53%)
LAB
lab(47.61% -3.98 -13.89)
LCH
lch(47.61% 14.45 254.01)
OKLAB
oklab(0.5467 -0.0197 -0.0381)
OKLCH
oklch(0.5467 0.0429 242.66)
XYZ
xyz(15.00, 16.49, 25.68)
CMYK
cmyk(33%, 15%, 0%, 47%)
CSS
color: #5b7488;
CSS variable
--color-5b7488: #5b7488;
SCSS
$color-5b7488: #5b7488;
Tailwind
sky-500
Export
:root {
--#5b7488-1: #5b7488;
}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.