Skip to main content

#303DF2

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
#303DF2
RGB
rgb(48, 61, 242)
RGBA
rgba(48, 61, 242, 1)
HSL
hsl(235.98, 88.18%, 56.86%)
HSLA
hsla(236, 88%, 57%, 1)
CMYK
cmyk(80%, 75%, 0%, 5%)

Color Palettes

Harmonious color combinations based on #303DF2

Monochromatic

Shades and tints of the same hue

#030630
#091290
#0F1EF0
#6F78F6
#CFD2FC

Analogous

Adjacent colors on the color wheel

#31F2E5
#319EF2
#303DF2
#8431F2
#E531F2

Complementary

Opposite color for maximum contrast

#303DF2
#F2E531

Triadic

Three evenly spaced colors

#303DF2
#F2313E
#3EF231

CSS Usage Examples

Background

background-color: #303DF2;

Text

color: #303DF2;

Border

border: 2px solid #303DF2;

Shadow

box-shadow: 0 4px 6px #303DF240;
Feedback