#45A59D Color

Color Information

HEX	#45A59D
RGB	69, 165, 157
HSL	175° , 41% , 46%
HSV	175° , 58% , 65%
CMYK	58%, 0%, 5%, 35%

Lighter Shades

#5BB0A9 #72BBB5 #88C5C0 #9ED0CC #B5DBD8 #CBE6E4

Darker Shades

#3D918A #347D77 #2C6A64 #245652 #1C423F #132E2C

Complementary Palette

#3B8E87 #45A59D #8E3B42 #A5454D #B25F66 #5FB2AB

Analogous Palette

#558267 #5D8E71 #419B94 #45A59D #5D798E #6C8393

Triadic Palette

#3D918A #45A59D #A739B1 #B251BA #B1A739 #9C9332

Split Complementary Palette

#3E958D #45A59D #A5457D #AE588A #A56D45 #95623E

Square Palette

#3A8B84 #45A59D #6F519A #9A5157 #7DA545 #92B363

Tetradic Palette

#398781 #45A59D #303CBB #A5454D #BBAF30 #C7BD55

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A59D contains 69 red, 165 green, and 157 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.23:1