#5A6E9A Color

Color Information

HEX#5A6E9A
RGB90, 110, 154
HSL221° , 26% , 48%
HSV221° , 42% , 60%
CMYK42%, 29%, 0%, 40%

Lighter Shades

#6E7FA6 #8291B2 #95A2BE #A9B4CA #BDC5D7 #D1D6E3

Darker Shades

#4F6188 #445475 #3A4663 #2F3950 #242C3E #191F2B

Complementary Palette

#4D5F84 #5A6E9A #84734E #9A865B #A89772 #7182A8

Analogous Palette

#5F7B81 #68878D #556791 #5A6E9A #6E688D #787297

Triadic Palette

#4F6188 #5A6E9A #A64E6A #B1637C #6AA64E #5D9245

Split Complementary Palette

#51638B #5A6E9A #9A665B #A4756B #8F9A5B #818B52

Square Palette

#4C5C81 #5A6E9A #8E6787 #8E8267 #5B9A66 #75AA7E

Tetradic Palette

#4A5A7E #5A6E9A #8E45B0 #9A865B #67B045 #82BE66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6E9A contains 90 red, 110 green, and 154 blue.

Contrast Ratio: 5.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.16:1