Skip to main content

#300CA1

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
#300CA1
RGB
rgb(48, 12, 161)
RGBA
rgba(48, 12, 161, 1)
HSL
hsl(254.5, 86.13%, 33.92%)
HSLA
hsla(254, 86%, 34%, 1)
CMYK
cmyk(70%, 93%, 0%, 37%)

Color Palettes

Harmonious color combinations based on #300CA1

Monochromatic

Shades and tints of the same hue

#0E042F
#290B8E
#4512ED
#8F71F4
#DAD0FB

Analogous

Adjacent colors on the color wheel

#0C7EA1
#0C34A1
#300CA1
#790CA1
#A10C7E

Complementary

Opposite color for maximum contrast

#300CA1
#7EA10C

Triadic

Three evenly spaced colors

#300CA1
#A12F0C
#0CA12F

CSS Usage Examples

Background

background-color: #300CA1;

Text

color: #300CA1;

Border

border: 2px solid #300CA1;

Shadow

box-shadow: 0 4px 6px #300CA140;
Feedback