#45A4A5 Color

Color Information

HEX	#45A4A5
RGB	69, 164, 165
HSL	181° , 41% , 46%
HSV	181° , 58% , 65%
CMYK	58%, 1%, 0%, 35%

Lighter Shades

#5BAFB0 #72BABB #88C5C5 #9ED0D0 #B5DBDB #CBE6E6

Darker Shades

#3D9091 #347D7D #2C696A #245556 #1C4242 #132E2E

Complementary Palette

#3B8D8E #45A4A5 #8E3D3B #A54745 #B2615F #5FB1B2

Analogous Palette

#55826C #5D8E76 #419A9B #45A4A5 #5D748E #6C7F93

Triadic Palette

#3D9091 #45A4A5 #B139AF #BA51B9 #AFB139 #9A9C32

Split Complementary Palette

#3E9495 #45A4A5 #A54574 #AE5882 #A57745 #956B3E

Square Palette

#3A8A8B #45A4A5 #77519A #9A5251 #74A545 #8AB363

Tetradic Palette

#398687 #45A4A5 #3230BB #A54745 #B8BB30 #C5C755

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A4A5 contains 69 red, 164 green, and 165 blue.

Contrast Ratio: 2.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.21:1