#5A81CF Color

Color Information

HEX	#5A81CF
RGB	90, 129, 207
HSL	220° , 55% , 58%
HSV	220° , 57% , 81%
CMYK	57%, 38%, 0%, 19%

Lighter Shades

#6E90D5 #829FDB #95AEE0 #A9BDE6 #BDCDEC #D1DCF2

Darker Shades

#4F72B6 #44629D #3A5384 #2F436C #243453 #19243A

Complementary Palette

#4D6FB2 #5A81CF #B2904D #CFA859 #D6B470 #7193D6

Analogous Palette

#699BA5 #6EADB9 #5579C3 #5A81CF #7B6EB9 #8479BE

Triadic Palette

#4F72B6 #5A81CF #DA4E7D #DE638D #7DDA4E #6EC045

Split Complementary Palette

#5174BA #5A81CF #CF6D59 #D47C6A #BBCF59 #A8BA50

Square Palette

#4C6CAE #5A81CF #C464B4 #C4A464 #59CF6D #74D784

Tetradic Palette

#4A6AAA #5A81CF #AE46E2 #CFA859 #7AE246 #92E767

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A81CF contains 90 red, 129 green, and 207 blue.

Contrast Ratio: 3.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.54:1