Skip to main content

#2F48FF

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
#2F48FF
RGB
rgb(47, 72, 255)
RGBA
rgba(47, 72, 255, 1)
HSL
hsl(232.79, 100%, 59.22%)
HSLA
hsla(233, 100%, 59%, 1)
CMYK
cmyk(82%, 72%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #2F48FF

Monochromatic

Shades and tints of the same hue

#000633
#001299
#001EFF
#6678FF
#CCD2FF

Analogous

Adjacent colors on the color wheel

#2EFFE7
#2EAFFF
#2F48FF
#7E2EFF
#E72EFF

Complementary

Opposite color for maximum contrast

#2F48FF
#FFE72E

Triadic

Three evenly spaced colors

#2F48FF
#FF2E46
#46FF2E

CSS Usage Examples

Background

background-color: #2F48FF;

Text

color: #2F48FF;

Border

border: 2px solid #2F48FF;

Shadow

box-shadow: 0 4px 6px #2F48FF40;
Feedback