#545F97 Color

Color Information

HEX#545F97
RGB84, 95, 151
HSL230° , 29% , 46%
HSV230° , 44% , 59%
CMYK44%, 37%, 0%, 41%

Lighter Shades

#6972A3 #7D85B0 #9299BC #A6ACC9 #BBBFD5 #CFD2E2

Darker Shades

#4A5485 #404873 #363D61 #2C314F #22263C #181B2A

Complementary Palette

#485282 #545F97 #827847 #978C53 #A69C6B #6C75A6

Analogous Palette

#5B717B #647C87 #4F598E #545F97 #6F6487 #796C93

Triadic Palette

#4A5485 #545F97 #A34858 #AE5E6C #58A348 #4D8F3F

Split Complementary Palette

#4C5688 #545F97 #976A53 #A17964 #819753 #74884B

Square Palette

#47507F #545F97 #8C5F7D #8C845F #53976A #6FA882

Tetradic Palette

#454E7C #545F97 #9A3EAC #978C53 #52AC3E #71BB61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #545F97 contains 84 red, 95 green, and 151 blue.

Contrast Ratio: 6.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.45:1