Skip to main content

#142F93

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
#142F93
RGB
rgb(20, 47, 147)
RGBA
rgba(20, 47, 147, 1)
HSL
hsl(227.24, 76.05%, 32.75%)
HSLA
hsla(227, 76%, 33%, 1)
CMYK
cmyk(86%, 68%, 0%, 42%)

Color Palettes

Harmonious color combinations based on #142F93

Monochromatic

Shades and tints of the same hue

#060F2D
#122C87
#1F49E0
#7892ED
#D2DBF9

Analogous

Adjacent colors on the color wheel

#149478
#147094
#142F93
#381494
#781494

Complementary

Opposite color for maximum contrast

#142F93
#947814

Triadic

Three evenly spaced colors

#142F93
#941430
#309414

CSS Usage Examples

Background

background-color: #142F93;

Text

color: #142F93;

Border

border: 2px solid #142F93;

Shadow

box-shadow: 0 4px 6px #142F9340;
Feedback