Preview
#4589ba
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.79:1 · vs black: 5.54:1
HEX
#4589ba
RGB
rgb(69, 137, 186)
RGBA
rgba(69, 137, 186, 1)
HSL
hsl(205, 46%, 50%)
HSV
hsv(205, 63%, 73%)
LAB
lab(54.76% -6.33 -32.05)
LCH
lch(54.76% 32.67 258.83)
OKLAB
oklab(0.6069 -0.0473 -0.0901)
OKLCH
oklch(0.6069 0.1018 242.3)
XYZ
xyz(20.26, 22.70, 49.76)
CMYK
cmyk(63%, 26%, 0%, 27%)
CSS
color: #4589ba;
CSS variable
--color-4589ba: #4589ba;
SCSS
$color-4589ba: #4589ba;
Tailwind
sky-500
Export
:root {
--#4589ba-1: #4589ba;
}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.