#45558F Color

Color Information

HEX	#45558F
RGB	69, 85, 143
HSL	227° , 35% , 42%
HSV	227° , 52% , 56%
CMYK	52%, 41%, 0%, 44%

Lighter Shades

#5B699C #727EAA #8892B7 #9EA7C5 #B5BBD2 #CBCFE0

Darker Shades

#3D4B7E #34416D #2C365C #242C4A #1C2239 #131828

Complementary Palette

#3B497B #45558F #7D6E3C #918046 #A09260 #5F6D9F

Analogous Palette

#556A72 #5B727B #415086 #45558F #645B7B #70668A

Triadic Palette

#3D4B7E #45558F #9B3B50 #A75365 #509B3B #468834

Split Complementary Palette

#3E4D81 #45558F #915B46 #9C6B59 #7B9146 #6F833F

Square Palette

#3A4778 #45558F #865076 #867950 #46915B #64A375

Tetradic Palette

#394675 #45558F #8932A4 #918046 #4BA432 #6BB457

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #45558F contains 69 red, 85 green, and 143 blue.

Contrast Ratio: 7.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.92:1