#145756 Color

Color Information

HEX	#145756
RGB	20, 87, 86
HSL	179° , 63% , 21%
HSV	179° , 77% , 34%
CMYK	77%, 0%, 1%, 66%

Lighter Shades

#306B6A #4C7F7F #699393 #85A8A7 #A1BCBB #BDD0D0

Darker Shades

#124D4C #0F4241 #0D3837 #0A2D2D #082322 #061818

Complementary Palette

#114B4A #145756 #4B1112 #571415 #6F3536 #356F6E

Analogous Palette

#1C4530 #1F4D35 #135251 #145756 #1F364D #344555

Triadic Palette

#124D4C #145756 #5B0E5D #6F2B70 #5D5B0E #52500C

Split Complementary Palette

#124E4D #145756 #571437 #682C4B #573414 #4E2F12

Square Palette

#114948 #145756 #351952 #52191A #375714 #57723A

Tetradic Palette

#104747 #145756 #0A0C61 #571415 #615F0A #7D7C36

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #145756 contains 20 red, 87 green, and 86 blue.

Contrast Ratio: 8.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.49:1