#58AAD5 Color

Color Information

HEX#58AAD5
RGB88, 170, 213
HSL201° , 60% , 59%
HSV201° , 59% , 84%
CMYK59%, 20%, 0%, 16%

Lighter Shades

#6CB4DA #80BEDF #94C9E4 #A8D3E9 #BCDDEE #D0E7F3

Darker Shades

#4D96BB #4381A2 #386D88 #2E586F #234455 #19303C

Complementary Palette

#4C92B7 #58AAD5 #B7724C #D58458 #DB956F #6FB6DB

Analogous Palette

#68ACA2 #6DC0B4 #53A0C8 #58AAD5 #6D79C0 #7783C5

Triadic Palette

#4D96BB #58AAD5 #E04DAC #E462B6 #ACE04D #97C544

Split Complementary Palette

#4F99C0 #58AAD5 #D5586B #D9697A #D5C258 #C0AF4F

Square Palette

#4A8FB3 #58AAD5 #BB62CB #CB8762 #6BD558 #83DC73

Tetradic Palette

#488BAF #58AAD5 #7E45E8 #D58458 #AFE845 #BDEC66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #58AAD5 contains 88 red, 170 green, and 213 blue.

Contrast Ratio: 2.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.24:1