#5A83D1 Color

Color Information

HEX#5A83D1
RGB90, 131, 209
HSL219° , 56% , 59%
HSV219° , 57% , 82%
CMYK57%, 37%, 0%, 18%

Lighter Shades

#6E92D7 #82A1DC #95B0E2 #A9BFE7 #BDCDED #D1DCF2

Darker Shades

#4F73B8 #44649F #3A5486 #2F446D #243454 #19253B

Complementary Palette

#4D71B4 #5A83D1 #B4904F #D1A85C #D7B473 #7194D7

Analogous Palette

#6B9FA8 #71B1BC #557BC4 #5A83D1 #7C71BC #867BC1

Triadic Palette

#4F73B8 #5A83D1 #DB5182 #DF6691 #82DB51 #72C147

Split Complementary Palette

#5176BC #5A83D1 #D16D5C #D67C6C #BFD15C #ACBC53

Square Palette

#4C6EB0 #5A83D1 #C766B8 #C7A566 #5CD16D #76D884

Tetradic Palette

#4A6BAB #5A83D1 #AE49E4 #D1A85C #7FE449 #96E96A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A83D1 contains 90 red, 131 green, and 209 blue.

Contrast Ratio: 3.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.67:1