#5A6DD7 Color

Color Information

HEX#5A6DD7
RGB90, 109, 215
HSL231° , 61% , 60%
HSV231° , 58% , 84%
CMYK58%, 49%, 0%, 16%

Lighter Shades

#6E7FDC #8290E1 #95A2E5 #A9B3EA #BDC5EF #D1D6F4

Darker Shades

#4F60BD #4453A3 #3A468A #2F3970 #242C56 #191F3C

Complementary Palette

#4D5EB9 #5A6DD7 #B9A94E #D7C55B #DDCD72 #7181DD

Analogous Palette

#6A97AF #6FA6C3 #5566CA #5A6DD7 #8C6FC3 #957AC7

Triadic Palette

#4F60BD #5A6DD7 #E15166 #E56678 #66E151 #5AC647

Split Complementary Palette

#5162C2 #5A6DD7 #D7865B #DB926B #ACD75B #9BC252

Square Palette

#4C5CB5 #5A6DD7 #CD65A9 #CDBD65 #5BD786 #75DD99

Tetradic Palette

#4A59B0 #5A6DD7 #D148EA #D7C55B #61EA48 #7DEE69

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6DD7 contains 90 red, 109 green, and 215 blue.

Contrast Ratio: 4.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.63:1