#5A7DD1 Color

Color Information

HEX	#5A7DD1
RGB	90, 125, 209
HSL	222° , 56% , 59%
HSV	222° , 57% , 82%
CMYK	57%, 40%, 0%, 18%

Lighter Shades

#6E8DD7 #829CDC #95ACE2 #A9BBE7 #BDCBED #D1DBF2

Darker Shades

#4F6EB8 #445F9F #3A5086 #2F416D #243254 #19233B

Complementary Palette

#4D6CB4 #5A7DD1 #B4964F #D1AE5C #D7B973 #718FD7

Analogous Palette

#6B9CA8 #71ADBC #5576C4 #5A7DD1 #8071BC #897BC1

Triadic Palette

#4F6EB8 #5A7DD1 #DB517B #DF668B #7BDB51 #6CC147

Split Complementary Palette

#5171BC #5A7DD1 #D1735C #D6816C #BAD15C #A7BC53

Square Palette

#4C69B0 #5A7DD1 #C766B3 #C7AA66 #5CD173 #76D889

Tetradic Palette

#4A67AB #5A7DD1 #B549E4 #D1AE5C #78E449 #90E96A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7DD1 contains 90 red, 125 green, and 209 blue.

Contrast Ratio: 3.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.34:1