#146A77 Color

Color Information

HEX#146A77
RGB20, 106, 119
HSL188° , 71% , 27%
HSV188° , 83% , 47%
CMYK83%, 11%, 0%, 53%

Lighter Shades

#307C87 #4C8E98 #69A0A8 #85B2B8 #A1C3C9 #BDD5D9

Darker Shades

#125D69 #0F515A #0D444C #0A373E #082A30 #061E21

Complementary Palette

#115B66 #146A77 #651C11 #762114 #894035 #357F8A

Analogous Palette

#1F6149 #22684E #136470 #146A77 #223B68 #384D71

Triadic Palette

#125D69 #146A77 #7D0D6E #8D2A7F #6E7D0D #616E0B

Split Complementary Palette

#125F6B #146A77 #761438 #842C4C #765214 #6A4A12

Square Palette

#115964 #146A77 #501B6F #6F261B #387614 #588C3A

Tetradic Palette

#105762 #146A77 #180882 #762114 #728208 #8B9934

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #146A77 contains 20 red, 106 green, and 119 blue.

Contrast Ratio: 6.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.36:1