Preview
#5b7f8f
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.31:1 · vs black: 4.88:1
HEX
#5b7f8f
RGB
rgb(91, 127, 143)
RGBA
rgba(91, 127, 143, 1)
HSL
hsl(198, 22%, 46%)
HSV
hsv(198, 36%, 56%)
LAB
lab(51.13% -8.44 -12.68)
LCH
lch(51.13% 15.23 236.35)
OKLAB
oklab(0.5754 -0.0322 -0.0348)
OKLCH
oklch(0.5754 0.0474 227.22)
XYZ
xyz(16.86, 19.39, 28.83)
CMYK
cmyk(36%, 11%, 0%, 44%)
CSS
color: #5b7f8f;
CSS variable
--color-5b7f8f: #5b7f8f;
SCSS
$color-5b7f8f: #5b7f8f;
Tailwind
cyan-500
Export
:root {
--#5b7f8f-1: #5b7f8f;
}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.