#558ECD Color

Color Information

HEX#558ECD
RGB85, 142, 205
HSL212° , 55% , 57%
HSV212° , 59% , 80%
CMYK59%, 31%, 0%, 20%

Lighter Shades

#699CD3 #7EA9D9 #92B7DF #A7C4E5 #BBD2EB #CFDFF1

Darker Shades

#4B7DB4 #416C9C #365B83 #2C4A6B #223952 #182839

Complementary Palette

#497AB0 #558ECD #B18049 #CE9555 #D5A46D #6D9ED4

Analogous Palette

#68A4A6 #6BB5B8 #5085C1 #558ECD #6E6BB8 #7B79BE

Triadic Palette

#4B7DB4 #558ECD #D94A8D #DE609B #8DD94A #7CBF41

Split Complementary Palette

#4D80B9 #558ECD #CE5955 #D36A66 #CACE55 #B6B94D

Square Palette

#4777AC #558ECD #C360BF #C39560 #55CE59 #70D674

Tetradic Palette

#4674A8 #558ECD #9741E1 #CE9555 #8CE141 #A1E663

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558ECD contains 85 red, 142 green, and 205 blue.

Contrast Ratio: 3.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.22:1