Skip to main content

#0022BD

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#0022BD
RGB
rgb(0, 34, 189)
RGBA
rgba(0, 34, 189, 1)
HSL
hsl(229.21, 100%, 37.06%)
HSLA
hsla(229, 100%, 37%, 1)
CMYK
cmyk(100%, 82%, 0%, 26%)

Color Palettes

Harmonious color combinations based on #0022BD

Monochromatic

Shades and tints of the same hue

#000933
#001C99
#002FFF
#6682FF
#CCD5FF

Analogous

Adjacent colors on the color wheel

#00BD9A
#0081BD
#0022BD
#3C00BD
#9A00BD

Complementary

Opposite color for maximum contrast

#0022BD
#BD9A00

Triadic

Three evenly spaced colors

#0022BD
#BD0023
#23BD00

CSS Usage Examples

Background

background-color: #0022BD;

Text

color: #0022BD;

Border

border: 2px solid #0022BD;

Shadow

box-shadow: 0 4px 6px #0022BD40;
Feedback