#4558A2 Color

Color Information

HEX#4558A2
RGB69, 88, 162
HSL228° , 40% , 45%
HSV228° , 57% , 64%
CMYK57%, 46%, 0%, 36%

Lighter Shades

#5B6CAD #7280B8 #8894C3 #9EA8CF #B5BCDA #CBD0E5

Darker Shades

#3D4D8F #34437B #2C3868 #242E54 #1C2341 #13192D

Complementary Palette

#3B4C8B #4558A2 #8A7A3B #A18E45 #AE9E5F #5F6FAF

Analogous Palette

#54717D #5C7C8A #415398 #4558A2 #6A5C8A #786C93

Triadic Palette

#3D4D8F #4558A2 #AC3950 #B65165 #50AC39 #469732

Split Complementary Palette

#3E4F92 #4558A2 #A16045 #AA7058 #85A145 #78913E

Square Palette

#3A4A88 #4558A2 #955081 #958750 #45A160 #63B079

Tetradic Palette

#394885 #4558A2 #9B30B5 #A18E45 #4BB530 #6BC255

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4558A2 contains 69 red, 88 green, and 162 blue.

Contrast Ratio: 6.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.15:1