Preview
#5ba7c2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.71:1 · vs black: 7.75:1
HEX
#5ba7c2
RGB
rgb(91, 167, 194)
RGBA
rgba(91, 167, 194, 1)
HSL
hsl(196, 46%, 56%)
HSV
hsv(196, 53%, 76%)
LAB
lab(64.77% -15.97 -21.06)
LCH
lch(64.77% 26.43 232.83)
OKLAB
oklab(0.6898 -0.0618 -0.0584)
OKLCH
oklch(0.6898 0.085 223.38)
XYZ
xyz(27.87, 33.75, 56.08)
CMYK
cmyk(53%, 14%, 0%, 24%)
CSS
color: #5ba7c2;
CSS variable
--color-5ba7c2: #5ba7c2;
SCSS
$color-5ba7c2: #5ba7c2;
Tailwind
cyan-400
Export
:root {
--#5ba7c2-1: #5ba7c2;
}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.