#58A5DC Color

Color Information

HEX#58A5DC
RGB88, 165, 220
HSL205° , 65% , 60%
HSV205° , 60% , 86%
CMYK60%, 25%, 0%, 14%

Lighter Shades

#6CB0E0 #80BBE4 #94C5E9 #A8D0ED #BCDBF1 #D0E6F5

Darker Shades

#4D91C2 #437DA7 #386A8D #2E5672 #234258 #192E3E

Complementary Palette

#4C8EBD #58A5DC #BC7A4B #DB8E57 #E09E6F #6FB2E1

Analogous Palette

#66B2AC #6BC7BF #539BCF #58A5DC #6B73C7 #767DCB

Triadic Palette

#4D91C2 #58A5DC #E64DA6 #E962B1 #A6E64D #92CA44

Split Complementary Palette

#4F95C6 #58A5DC #DB5762 #DF6872 #DBD057 #C5BB4E

Square Palette

#4A8BB9 #58A5DC #C861D1 #D19061 #62DB57 #7BE172

Tetradic Palette

#4887B4 #58A5DC #8B44EE #DB8E57 #A7EE44 #B7F166

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #58A5DC contains 88 red, 165 green, and 220 blue.

Contrast Ratio: 2.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.94:1