#145890 Color

Color Information

HEX#145890
RGB20, 88, 144
HSL207° , 76% , 32%
HSV207° , 86% , 56%
CMYK86%, 39%, 0%, 44%

Lighter Shades

#306C9D #4C80AB #6994B8 #85A8C5 #A1BCD3 #BDD0E0

Darker Shades

#124D7F #0F436D #0D385C #0A2E4B #08233A #061928

Complementary Palette

#114C7C #145890 #7C4111 #904B14 #A06435 #356FA0

Analogous Palette

#21736F #247F7B #135387 #145890 #24287F #3B3F87

Triadic Palette

#124D7F #145890 #980B59 #A4286D #59980B #4E860A

Split Complementary Palette

#124F82 #145890 #90141A #9B2C31 #908914 #827B12

Square Palette

#114A79 #145890 #821C87 #874C1C #1A9014 #3FA23A

Tetradic Palette

#104876 #145890 #4A059E #904B14 #599E05 #77AF32

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #145890 contains 20 red, 88 green, and 144 blue.

Contrast Ratio: 7.49:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.8:1