Preview
#032eb0
Family: Blue
Accessibility on this swatch:
Contrast vs white: 10.39:1 · vs black: 2.02:1
HEX
#032eb0
RGB
rgb(3, 46, 176)
RGBA
rgba(3, 46, 176, 1)
HSL
hsl(225, 97%, 35%)
HSV
hsv(225, 98%, 69%)
LAB
lab(27.04% 41.11 -70.91)
LCH
lch(27.04% 81.96 300.1)
OKLAB
oklab(0.3875 -0.0221 -0.2058)
OKLCH
oklch(0.3875 0.207 263.87)
XYZ
xyz(8.85, 5.11, 41.59)
CMYK
cmyk(98%, 74%, 0%, 31%)
CSS
color: #032eb0;
CSS variable
--color-032eb0: #032eb0;
SCSS
$color-032eb0: #032eb0;
Tailwind
blue-600
Export
:root {
--#032eb0-1: #032eb0;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.