Skip to main content

#003AF1

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
#003AF1
RGB
rgb(0, 58, 241)
RGBA
rgba(0, 58, 241, 1)
HSL
hsl(225.56, 100%, 47.25%)
HSLA
hsla(226, 100%, 47%, 1)
CMYK
cmyk(100%, 76%, 0%, 5%)

Color Palettes

Harmonious color combinations based on #003AF1

Monochromatic

Shades and tints of the same hue

#000C33
#002499
#003CFF
#668AFF
#CCD8FF

Analogous

Adjacent colors on the color wheel

#00F0B8
#00B0F0
#003AF1
#4000F0
#B800F0

Complementary

Opposite color for maximum contrast

#003AF1
#F0B800

Triadic

Three evenly spaced colors

#003AF1
#F00038
#38F000

CSS Usage Examples

Background

background-color: #003AF1;

Text

color: #003AF1;

Border

border: 2px solid #003AF1;

Shadow

box-shadow: 0 4px 6px #003AF140;
Feedback