Skip to main content

#3F30CE

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
#3F30CE
RGB
rgb(63, 48, 206)
RGBA
rgba(63, 48, 206, 1)
HSL
hsl(245.7, 62.2%, 49.8%)
HSLA
hsla(246, 62%, 50%, 1)
CMYK
cmyk(69%, 77%, 0%, 19%)

Color Palettes

Harmonious color combinations based on #3F30CE

Monochromatic

Shades and tints of the same hue

#0D0A29
#271D7C
#4030CF
#8D83E2
#D9D6F5

Analogous

Adjacent colors on the color wheel

#30BFCF
#3070CF
#3F30CE
#8F30CF
#CF30BF

Complementary

Opposite color for maximum contrast

#3F30CE
#BFCF30

Triadic

Three evenly spaced colors

#3F30CE
#CF4030
#30CF40

CSS Usage Examples

Background

background-color: #3F30CE;

Text

color: #3F30CE;

Border

border: 2px solid #3F30CE;

Shadow

box-shadow: 0 4px 6px #3F30CE40;
Feedback