Preview
#333c66
Family: Blue
Accessibility on this swatch:
Contrast vs white: 10.61:1 · vs black: 1.98:1
HEX
#333c66
RGB
rgb(51, 60, 102)
RGBA
rgba(51, 60, 102, 1)
HSL
hsl(229, 33%, 30%)
HSV
hsv(229, 50%, 40%)
LAB
lab(26.43% 9.06 -25.9)
LCH
lch(26.43% 27.44 289.28)
OKLAB
oklab(0.3691 0.004 -0.0731)
OKLCH
oklch(0.3691 0.0732 273.13)
XYZ
xyz(5.38, 4.89, 13.23)
CMYK
cmyk(50%, 41%, 0%, 60%)
CSS
color: #333c66;
CSS variable
--color-333c66: #333c66;
SCSS
$color-333c66: #333c66;
Tailwind
blue-700
Export
:root {
--#333c66-1: #333c66;
}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.