#5DA2BB Color

Color Information

HEX	#5DA2BB
RGB	93, 162, 187
HSL	196° , 41% , 55%
HSV	196° , 50% , 73%
CMYK	50%, 13%, 0%, 27%

Lighter Shades

#70ADC3 #84B8CB #97C3D3 #ABCFDC #BEDAE4 #D2E5EC

Darker Shades

#528FA5 #477B8E #3C6878 #305461 #25414B #1A2D34

Complementary Palette

#508BA1 #5DA2BB #A16550 #BB765D #C58974 #74AFC5

Analogous Palette

#6F958C #74A499 #5798B0 #5DA2BB #747FA4 #7D88AA

Triadic Palette

#528FA5 #5DA2BB #C752A8 #CE67B2 #A8C752 #94AF48

Split Complementary Palette

#5492A8 #5DA2BB #BB5D73 #C26D81 #BBA55D #A89554

Square Palette

#4E889D #5DA2BB #9F69B0 #B07C69 #73BB5D #89C677

Tetradic Palette

#4C8599 #5DA2BB #6D49D0 #BB765D #ACD049 #BBD86A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5DA2BB contains 93 red, 162 green, and 187 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.46:1