#545AAE Color

Color Information

HEX	#545AAE
RGB	84, 90, 174
HSL	236° , 36% , 51%
HSV	236° , 52% , 68%
CMYK	52%, 48%, 0%, 32%

Lighter Shades

#696EB8 #7D82C1 #9295CB #A6A9D5 #BBBDDF #CFD1E8

Darker Shades

#4A4F99 #404484 #363A6F #2C2F5A #222446 #181931

Complementary Palette

#484D96 #545AAE #979149 #AFA955 #BAB56D #6C71B9

Analogous Palette

#667A8A #6E8596 #4F55A4 #545AAE #7F6E96 #8A7A9F

Triadic Palette

#4A4F99 #545AAE #BC4950 #C45F65 #50BC49 #46A540

Split Complementary Palette

#4C519D #545AAE #AF7C55 #B78966 #88AF55 #7A9E4D

Square Palette

#474C92 #545AAE #A36286 #A39E62 #55AF7C #70BC91

Tetradic Palette

#454A8F #545AAE #BD3FC6 #AFA955 #48C63F #69D062

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #545AAE contains 84 red, 90 green, and 174 blue.

Contrast Ratio: 6.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.44:1