#545A7D Color

Color Information

HEX#545A7D
RGB84, 90, 125
HSL231° , 20% , 41%
HSV231° , 33% , 49%
CMYK33%, 28%, 0%, 51%

Lighter Shades

#696E8D #7D829C #9295AC #A6A9BB #BBBDCB #CFD1DB

Darker Shades

#4A4F6E #40445F #363A50 #2C2F41 #222432 #181923

Complementary Palette

#484D6C #545A7D #6C6648 #7D7754 #8F8A6C #6C718F

Analogous Palette

#52656F #596E78 #4F5576 #545A7D #635978 #706487

Triadic Palette

#4A4F6E #545A7D #884953 #965F68 #538849 #497840

Split Complementary Palette

#4C5171 #545A7D #7D6254 #8A7265 #6F7D54 #64714C

Square Palette

#474C69 #545A7D #78596E #787459 #547D62 #6F927B

Tetradic Palette

#454A67 #545A7D #844190 #7D7754 #4D9041 #6DA463

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #545A7D contains 84 red, 90 green, and 125 blue.

Contrast Ratio: 6.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.12:1