#5DA2D0 Color

Color Information

HEX#5DA2D0
RGB93, 162, 208
HSL204° , 55% , 59%
HSV204° , 55% , 82%
CMYK55%, 22%, 0%, 18%

Lighter Shades

#70ADD6 #84B8DB #97C3E1 #ABCFE7 #BEDAEC #D2E5F2

Darker Shades

#528FB7 #477B9E #3C6885 #30546C #254153 #1A2D3A

Complementary Palette

#508BB3 #5DA2D0 #B37850 #D08B5D #D79B74 #74AFD7

Analogous Palette

#6CA7A1 #72BBB4 #5798C4 #5DA2D0 #7279BB #7C83C0

Triadic Palette

#528FB7 #5DA2D0 #DA52A4 #DE67AF #A4DA52 #90C048

Split Complementary Palette

#5492BB #5DA2D0 #D05D68 #D56D77 #D0C45D #BBB054

Square Palette

#4E88AF #5DA2D0 #BC67C5 #C58D67 #68D05D #80D877

Tetradic Palette

#4C85AB #5DA2D0 #874AE3 #D08B5D #A6E34A #B6E86B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5DA2D0 contains 93 red, 162 green, and 208 blue.

Contrast Ratio: 2.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.66:1