#36A5AF Color

Color Information

HEX	#36A5AF
RGB	54, 165, 175
HSL	185° , 53% , 45%
HSV	185° , 69% , 69%
CMYK	69%, 6%, 0%, 31%

Lighter Shades

#4EB0B9 #66BBC2 #7EC5CC #96D0D5 #AFDBDF #C7E6E9

Darker Shades

#30919A #297D85 #236A70 #1C565B #164246 #0F2E31

Complementary Palette

#2E8E97 #36A5AF #97372E #B04036 #BB5B52 #52B2BA

Analogous Palette

#488E71 #4D9979 #339BA5 #36A5AF #4D6C99 #5F789B

Triadic Palette

#30919A #36A5AF #BB2AAF #C344B9 #AFBB2A #9AA525

Split Complementary Palette

#31959E #36A5AF #B03669 #B84A78 #B07D36 #9E7131

Square Palette

#2D8B93 #36A5AF #7B41A4 #A44A41 #69B036 #81BD56

Tetradic Palette

#2C8790 #36A5AF #2F21C4 #B04036 #B7C421 #C4CF49

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #36A5AF contains 54 red, 165 green, and 175 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.26:1