#145CA5 Color

Color Information

HEX#145CA5
RGB20, 92, 165
HSL210° , 78% , 36%
HSV210° , 88% , 65%
CMYK88%, 44%, 0%, 35%

Lighter Shades

#3070B0 #4C83BB #6997C5 #85AAD0 #A1BEDB #BDD1E6

Darker Shades

#125191 #0F467D #0D3B6A #0A3056 #082542 #061A2E

Complementary Palette

#114F8E #145CA5 #8C4F11 #A35C14 #B07335 #3573B2

Analogous Palette

#238686 #279191 #13569B #145CA5 #272791 #3C3C96

Triadic Palette

#125191 #145CA5 #AD0B5C #B72870 #5CAD0B #51980A

Split Complementary Palette

#125395 #145CA5 #A31414 #AC2C2C #A3A314 #939312

Square Palette

#114D8B #145CA5 #9A1D9A #9A5C1D #14A314 #3AB23A

Tetradic Palette

#104B87 #145CA5 #5C04B4 #A35C14 #5CB404 #79C231

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #145CA5 contains 20 red, 92 green, and 165 blue.

Contrast Ratio: 6.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.09:1