Preview
#5483ac
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.02:1 · vs black: 5.22:1
HEX
#5483ac
RGB
rgb(84, 131, 172)
RGBA
rgba(84, 131, 172, 1)
HSL
hsl(208, 35%, 50%)
HSV
hsv(208, 51%, 67%)
LAB
lab(53.05% -4.18 -26.63)
LCH
lch(53.05% 26.96 261.08)
OKLAB
oklab(0.5932 -0.033 -0.0743)
OKLCH
oklch(0.5932 0.0813 246.05)
XYZ
xyz(19.22, 21.09, 42.08)
CMYK
cmyk(51%, 24%, 0%, 33%)
CSS
color: #5483ac;
CSS variable
--color-5483ac: #5483ac;
SCSS
$color-5483ac: #5483ac;
Tailwind
sky-500
Export
:root {
--#5483ac-1: #5483ac;
}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.