#5A71CE Color

Color Information

HEX#5A71CE
RGB90, 113, 206
HSL228° , 54% , 58%
HSV228° , 56% , 81%
CMYK56%, 45%, 0%, 19%

Lighter Shades

#6E82D4 #8293DA #95A4E0 #A9B5E6 #BDC6EB #D1D7F1

Darker Shades

#4F63B5 #44569D #3A4884 #2F3B6B #242D52 #19203A

Complementary Palette

#4D61B1 #5A71CE #B19D4D #CEB75A #D5C171 #7185D5

Analogous Palette

#6C94A7 #6FA2B8 #556AC2 #5A71CE #856FB8 #8E7ABD

Triadic Palette

#4F63B5 #5A71CE #D84F6B #DD647D #6BD84F #5EBE46

Split Complementary Palette

#5166B9 #5A71CE #CE7D5A #D38A6B #ABCE5A #9AB951

Square Palette

#4C5FAD #5A71CE #C365A7 #C3B065 #5ACE7D #74D692

Tetradic Palette

#4A5DA9 #5A71CE #C247E1 #CEB75A #66E147 #82E668

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A71CE contains 90 red, 113 green, and 206 blue.

Contrast Ratio: 4.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.72:1