#545A80 Color

Color Information

HEX#545A80
RGB84, 90, 128
HSL232° , 21% , 42%
HSV232° , 34% , 50%
CMYK34%, 30%, 0%, 50%

Lighter Shades

#696E8F #7D829E #9295AE #A6A9BD #BBBDCC #CFD1DB

Darker Shades

#4A4F71 #404461 #363A52 #2C2F43 #222433 #181924

Complementary Palette

#484D6E #545A80 #706B49 #827C55 #948E6D #6C7192

Analogous Palette

#556772 #5B6F7B #4F5578 #545A80 #665B7B #72668A

Triadic Palette

#4A4F71 #545A80 #8C4A53 #9A6068 #538C4A #497B41

Split Complementary Palette

#4C5173 #545A80 #826555 #8F7466 #718255 #66754D

Square Palette

#474C6C #545A80 #7B5B6F #7B775B #558265 #70967E

Tetradic Palette

#454A69 #545A80 #8A4195 #827C55 #4C9541 #6CA863

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #545A80 contains 84 red, 90 green, and 128 blue.

Contrast Ratio: 6.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.13:1