#58A4E2 Color

Color Information

HEX#58A4E2
RGB88, 164, 226
HSL207° , 70% , 62%
HSV207° , 61% , 89%
CMYK61%, 27%, 0%, 11%

Lighter Shades

#6CAFE5 #80BAE9 #94C5EC #A8D0F0 #BCDBF3 #D0E6F7

Darker Shades

#4D90C7 #437DAC #386991 #2E5576 #23425A #192E3F

Complementary Palette

#4C8DC2 #58A4E2 #C2824D #E2975A #E6A671 #6FB1E6

Analogous Palette

#69BAB6 #6ECFCA #539AD4 #58A4E2 #6E72CF #797ED2

Triadic Palette

#4D90C7 #58A4E2 #EC51A6 #EE66B1 #A6EC51 #92D047

Split Complementary Palette

#4F94CB #58A4E2 #E25A61 #E56B71 #E2DB5A #CBC551

Square Palette

#4A8ABE #58A4E2 #D264D8 #D89864 #61E25A #7AE774

Tetradic Palette

#4886B9 #58A4E2 #9649F3 #E2975A #A7F349 #B7F56A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #58A4E2 contains 88 red, 164 green, and 226 blue.

Contrast Ratio: 2.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.93:1