Skip to main content

#145C56

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
#145C56
RGB
rgb(20, 92, 86)
RGBA
rgba(20, 92, 86, 1)
HSL
hsl(175, 64.29%, 21.96%)
HSLA
hsla(175, 64%, 22%, 1)
CMYK
cmyk(78%, 0%, 7%, 64%)

Color Palettes

Harmonious color combinations based on #145C56

Monochromatic

Shades and tints of the same hue

#092A27
#1C7D75
#2ED1C3
#82E3DB
#D5F6F3

Analogous

Adjacent colors on the color wheel

#1A5C14
#145C32
#145C56
#143E5C
#141A5C

Complementary

Opposite color for maximum contrast

#145C56
#5C141A

Triadic

Three evenly spaced colors

#145C56
#56145C
#5C5614

CSS Usage Examples

Background

background-color: #145C56;

Text

color: #145C56;

Border

border: 2px solid #145C56;

Shadow

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