#558ECC Color

Color Information

HEX#558ECC
RGB85, 142, 204
HSL211° , 54% , 57%
HSV211° , 58% , 80%
CMYK58%, 30%, 0%, 20%

Lighter Shades

#699CD2 #7EA9D8 #92B7DE #A7C4E4 #BBD2EB #CFDFF1

Darker Shades

#4B7DB4 #416C9B #365B83 #2C4A6A #223952 #182839

Complementary Palette

#497AAF #558ECC #B07E4A #CD9356 #D4A26E #6D9ED3

Analogous Palette

#69A4A5 #6CB5B7 #5085C0 #558ECC #6D6CB7 #7B7ABD

Triadic Palette

#4B7DB4 #558ECC #D84B8F #DD619C #8FD84B #7EBE42

Split Complementary Palette

#4D80B8 #558ECC #CD5856 #D26967 #CBCD56 #B7B94D

Square Palette

#4777AB #558ECC #C261C0 #C29361 #56CD58 #71D573

Tetradic Palette

#4674A7 #558ECC #9442E0 #CD9356 #8FE042 #A3E664

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558ECC contains 85 red, 142 green, and 204 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.21:1