#145476 Color

Color Information

HEX#145476
RGB20, 84, 118
HSL201° , 71% , 27%
HSV201° , 83% , 46%
CMYK83%, 29%, 0%, 54%

Lighter Shades

#306986 #4C7D97 #6992A7 #85A6B8 #A1BBC8 #BDCFD9

Darker Shades

#124A68 #0F405A #0D364C #0A2C3D #08222F #061821

Complementary Palette

#114865 #145476 #652E11 #763614 #895235 #356C89

Analogous Palette

#1F6157 #22685D #134F6F #145476 #222C68 #384071

Triadic Palette

#124A68 #145476 #7D0D56 #8D2A6A #567D0D #4C6E0B

Split Complementary Palette

#124C6A #145476 #761423 #842C39 #766714 #6A5D12

Square Palette

#114763 #145476 #621B6F #6F381B #237614 #468C3A

Tetradic Palette

#104561 #145476 #320882 #763614 #578208 #759934

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #145476 contains 20 red, 84 green, and 118 blue.

Contrast Ratio: 8.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.52:1