#5A71D6 Color

Color Information

HEX#5A71D6
RGB90, 113, 214
HSL229° , 60% , 60%
HSV229° , 58% , 84%
CMYK58%, 47%, 0%, 16%

Lighter Shades

#6E82DB #8293E0 #95A4E5 #A9B5EA #BDC6EF #D1D7F4

Darker Shades

#4F63BC #4456A3 #3A4889 #2F3B6F #242D56 #19203C

Complementary Palette

#4D61B8 #5A71D6 #B8A54F #D6C05C #DCC973 #7185DC

Analogous Palette

#6B98AE #70A8C2 #556AC9 #5A71D6 #8A70C2 #937BC6

Triadic Palette

#4F63BC #5A71D6 #E0526C #E4677E #6CE052 #5FC548

Split Complementary Palette

#5166C1 #5A71D6 #D6835C #DA8F6C #AFD65C #9EC153

Square Palette

#4C5FB4 #5A71D6 #CC66AC #CCB966 #5CD683 #76DD97

Tetradic Palette

#4A5DAF #5A71D6 #CB49E9 #D6C05C #67E949 #82ED6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A71D6 contains 90 red, 113 green, and 214 blue.

Contrast Ratio: 4.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.8:1