#545A83 Color

Color Information

HEX#545A83
RGB84, 90, 131
HSL232° , 22% , 42%
HSV232° , 36% , 51%
CMYK36%, 31%, 0%, 49%

Lighter Shades

#696E92 #7D82A1 #9295B0 #A6A9BF #BBBDCD #CFD1DC

Darker Shades

#4A4F73 #404464 #363A54 #2C2F44 #222434 #181925

Complementary Palette

#484D71 #545A83 #716B48 #837C54 #948E6C #6C7194

Analogous Palette

#556772 #5B6F7B #4F557B #545A83 #675B7B #72668A

Triadic Palette

#4A4F73 #545A83 #8D4952 #9B5F67 #528D49 #487C40

Split Complementary Palette

#4C5176 #545A83 #836554 #8F7465 #718354 #66764C

Square Palette

#474C6E #545A83 #7B5B6F #7B765B #548365 #6F977E

Tetradic Palette

#454A6B #545A83 #894096 #837C54 #4C9640 #6CA962

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #545A83 contains 84 red, 90 green, and 131 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