Preview
#003399
Family: Blue
Accessibility on this swatch:
Contrast vs white: 10.86:1 · vs black: 1.93:1
HEX
#003399
RGB
rgb(0, 51, 153)
RGBA
rgba(0, 51, 153, 1)
HSL
hsl(220, 100%, 30%)
HSV
hsv(220, 100%, 60%)
LAB
lab(25.76% 28.88 -59.09)
LCH
lch(25.76% 65.77 296.05)
OKLAB
oklab(0.3708 -0.0237 -0.1715)
OKLCH
oklch(0.3708 0.1731 262.13)
XYZ
xyz(6.93, 4.67, 30.67)
CMYK
cmyk(100%, 67%, 0%, 40%)
CSS
color: #003399;
CSS variable
--color-003399: #003399;
SCSS
$color-003399: #003399;
Tailwind
blue-700
Export
:root {
--web-safe-#003399-1: #003399;
}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.