Skip to main content

#2245FF

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
#2245FF
RGB
rgb(34, 69, 255)
RGBA
rgba(34, 69, 255, 1)
HSL
hsl(230.5, 100%, 56.67%)
HSLA
hsla(230, 100%, 57%, 1)
CMYK
cmyk(87%, 73%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #2245FF

Monochromatic

Shades and tints of the same hue

#000833
#001999
#002AFF
#667FFF
#CCD5FF

Analogous

Adjacent colors on the color wheel

#24FFDA
#24B6FF
#2245FF
#6D24FF
#DA24FF

Complementary

Opposite color for maximum contrast

#2245FF
#FFDA24

Triadic

Three evenly spaced colors

#2245FF
#FF2448
#48FF24

CSS Usage Examples

Background

background-color: #2245FF;

Text

color: #2245FF;

Border

border: 2px solid #2245FF;

Shadow

box-shadow: 0 4px 6px #2245FF40;
Feedback