Preview#2563EB
Design color
A clean working swatch for interface surfaces, actions, accents, and palette building.
Primary • Interactive • System-ready
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
RGB channels
HSL channels
Shades
Tints
CSS variables
:root {
--color-base: #2563EB;
--color-shade-1: #2157CF;
--color-shade-2: #1C4BB3;
--color-shade-3: #183F96;
--color-shade-4: #13337A;
--color-tint-1: #3F76ED;
--color-tint-2: #5988F0;
--color-tint-3: #739BF2;
--color-tint-4: #8EAEF5;
}