#558FA2 Color

Color Information

HEX#558FA2
RGB85, 143, 162
HSL195° , 31% , 48%
HSV195° , 48% , 64%
CMYK48%, 12%, 0%, 36%

Lighter Shades

#699CAD #7EAAB8 #92B7C3 #A7C5CF #BBD2DA #CFE0E5

Darker Shades

#4B7E8F #416D7B #365C68 #2C4A54 #223941 #18282D

Complementary Palette

#497B8B #558FA2 #8A5948 #A06754 #AD7C6C #6D9FAF

Analogous Palette

#5F8179 #688D84 #508698 #558FA2 #68718D #727B97

Triadic Palette

#4B7E8F #558FA2 #AD4893 #B75EA0 #93AD48 #81983F

Split Complementary Palette

#4D8192 #558FA2 #A05467 #AA6576 #A08D54 #907F4C

Square Palette

#477888 #558FA2 #876194 #946E61 #67A054 #7FAF6F

Tetradic Palette

#467585 #558FA2 #5C3EB6 #A06754 #98B63E #ABC361

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558FA2 contains 85 red, 143 green, and 162 blue.

Contrast Ratio: 3.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.92:1