#5A6BD9 Color

Color Information

HEX#5A6BD9
RGB90, 107, 217
HSL232° , 63% , 60%
HSV232° , 59% , 85%
CMYK59%, 51%, 0%, 15%

Lighter Shades

#6E7DDE #828FE2 #95A0E7 #A9B2EB #BDC4F0 #D1D6F4

Darker Shades

#4F5EBF #4451A5 #3A448B #2F3871 #242B57 #191E3D

Complementary Palette

#4D5CBB #5A6BD9 #BBAC4D #D9C859 #DED070 #7180DE

Analogous Palette

#6896B1 #6DA5C5 #5565CC #5A6BD9 #8D6DC5 #9678C9

Triadic Palette

#4F5EBF #5A6BD9 #E34F62 #E66475 #62E34F #56C846

Split Complementary Palette

#5160C3 #5A6BD9 #D98859 #DD946A #AAD959 #99C350

Square Palette

#4C5AB6 #5A6BD9 #CF63A7 #CFC163 #59D988 #74DF9B

Tetradic Palette

#4A58B2 #5A6BD9 #D646EC #D9C859 #5CEC46 #79EF67

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6BD9 contains 90 red, 107 green, and 217 blue.

Contrast Ratio: 4.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.56:1