Skip to main content

#145F93

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
#145F93
RGB
rgb(20, 95, 147)
RGBA
rgba(20, 95, 147, 1)
HSL
hsl(204.57, 76.05%, 32.75%)
HSLA
hsla(205, 76%, 33%, 1)
CMYK
cmyk(86%, 35%, 0%, 42%)

Color Palettes

Harmonious color combinations based on #145F93

Monochromatic

Shades and tints of the same hue

#061D2D
#125687
#1F90E0
#78BCED
#D2E9F9

Analogous

Adjacent colors on the color wheel

#149449
#149489
#145F93
#141F94
#491494

Complementary

Opposite color for maximum contrast

#145F93
#944914

Triadic

Three evenly spaced colors

#145F93
#94145F
#5F9414

CSS Usage Examples

Background

background-color: #145F93;

Text

color: #145F93;

Border

border: 2px solid #145F93;

Shadow

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