#36A5C9 Color

Color Information

HEX	#36A5C9
RGB	54, 165, 201
HSL	195° , 58% , 50%
HSV	195° , 73% , 79%
CMYK	73%, 18%, 0%, 21%

Lighter Shades

#4EB0CF #66BBD6 #7EC5DC #96D0E3 #AFDBE9 #C7E6F0

Darker Shades

#3091B1 #297D99 #236A81 #1C5669 #164250 #0F2E38

Complementary Palette

#2E8EAD #36A5C9 #AD4E2E #C95B36 #D17252 #52B2D1

Analogous Palette

#4AA18B #4FB098 #339BBD #36A5C9 #4F67B0 #5E74B5

Triadic Palette

#3091B1 #36A5C9 #D629AB #DB43B5 #ABD629 #96BC24

Split Complementary Palette

#3195B5 #36A5C9 #C9365B #CE4A6B #C9A436 #B59431

Square Palette

#2D8BA9 #36A5C9 #9E42BD #BD6142 #5BC936 #75D256

Tetradic Palette

#2C87A5 #36A5C9 #4F1FE0 #C95B36 #B0E01F #BEE647

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #36A5C9 contains 54 red, 165 green, and 201 blue.

Contrast Ratio: 2.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.48:1