Skip to main content

#303FF2

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
#303FF2
RGB
rgb(48, 63, 242)
RGBA
rgba(48, 63, 242, 1)
HSL
hsl(235.36, 88.18%, 56.86%)
HSLA
hsla(235, 88%, 57%, 1)
CMYK
cmyk(80%, 74%, 0%, 5%)

Color Palettes

Harmonious color combinations based on #303FF2

Monochromatic

Shades and tints of the same hue

#030730
#091490
#0F22F0
#6F7AF6
#CFD3FC

Analogous

Adjacent colors on the color wheel

#31F2E2
#31A1F2
#303FF2
#8131F2
#E231F2

Complementary

Opposite color for maximum contrast

#303FF2
#F2E231

Triadic

Three evenly spaced colors

#303FF2
#F23141
#41F231

CSS Usage Examples

Background

background-color: #303FF2;

Text

color: #303FF2;

Border

border: 2px solid #303FF2;

Shadow

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