#558EA5 Color

Color Information

HEX#558EA5
RGB85, 142, 165
HSL197° , 32% , 49%
HSV197° , 48% , 65%
CMYK48%, 14%, 0%, 35%

Lighter Shades

#699CB0 #7EA9BB #92B7C5 #A7C4D0 #BBD2DB #CFDFE6

Darker Shades

#4B7D91 #416C7D #365B6A #2C4A56 #223942 #18282E

Complementary Palette

#497A8E #558EA5 #8E5D49 #A56C55 #B2816D #6D9EB2

Analogous Palette

#62847D #6A9088 #50859B #558EA5 #6A7290 #757C99

Triadic Palette

#4B7D91 #558EA5 #B14894 #BA5EA1 #94B148 #829C3F

Split Complementary Palette

#4D8095 #558EA5 #A55566 #AE6675 #A59455 #95854D

Square Palette

#47778B #558EA5 #8D6198 #987161 #66A555 #7EB370

Tetradic Palette

#467487 #558EA5 #623EBB #A56C55 #98BB3E #ABC761

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558EA5 contains 85 red, 142 green, and 165 blue.

Contrast Ratio: 3.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.88:1