#5B71A2 Color

Color Information

HEX#5B71A2
RGB91, 113, 162
HSL221° , 28% , 50%
HSV221° , 44% , 64%
CMYK44%, 30%, 0%, 36%

Lighter Shades

#6F82AD #8293B8 #96A4C3 #AAB5CF #BDC6DA #D1D7E5

Darker Shades

#50638F #45567B #3A4868 #2F3B54 #242D41 #19202D

Complementary Palette

#4E618B #5B71A2 #8C794F #A38D5C #B09D73 #7285AF

Analogous Palette

#648087 #6C8C93 #566A98 #5B71A2 #736C93 #7F789B

Triadic Palette

#50638F #5B71A2 #B04F6E #B9647F #6EB04F #619B46

Split Complementary Palette

#526692 #5B71A2 #A3695C #AC786C #96A35C #879353

Square Palette

#4C5F88 #5B71A2 #96698E #968869 #5CA369 #76B281

Tetradic Palette

#4B5D85 #5B71A2 #9545BA #A38D5C #6ABA45 #85C666

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B71A2 contains 91 red, 113 green, and 162 blue.

Contrast Ratio: 4.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.36:1