#5A6B9E Color

Color Information

HEX	#5A6B9E
RGB	90, 107, 158
HSL	225° , 27% , 49%
HSV	225° , 43% , 62%
CMYK	43%, 32%, 0%, 38%

Lighter Shades

#6E7DAA #828FB5 #95A0C1 #A9B2CD #BDC4D8 #D1D6E4

Darker Shades

#4F5E8B #445178 #3A4465 #2F3852 #242B3F #191E2C

Complementary Palette

#4D5C88 #5A6B9E #897A4E #9F8E5B #AC9E72 #7180AC

Analogous Palette

#627B84 #6A8690 #556595 #5A6B9E #746A90 #7E7599

Triadic Palette

#4F5E8B #5A6B9E #AB4F66 #B56478 #66AB4F #5A9646

Split Complementary Palette

#51608E #5A6B9E #9F6C5B #A97B6B #8E9F5B #808F52

Square Palette

#4C5A85 #5A6B9E #926888 #928868 #5B9F6C #75AE84

Tetradic Palette

#4A5882 #5A6B9E #9945B5 #9F8E5B #61B545 #7DC266

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6B9E contains 90 red, 107 green, and 158 blue.

Contrast Ratio: 5.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.05:1