#5A7FB9 Color

Color Information

HEX	#5A7FB9
RGB	90, 127, 185
HSL	217° , 40% , 54%
HSV	217° , 51% , 73%
CMYK	51%, 31%, 0%, 27%

Lighter Shades

#6E8EC1 #829ECA #95ADD2 #A9BCDB #BDCCE3 #D1DBEB

Darker Shades

#4F70A3 #44618D #3A5176 #2F4260 #24334A #192434

Complementary Palette

#4D6D9F #5A7FB9 #9F804E #B9955B #C3A472 #7191C3

Analogous Palette

#6C8E93 #729CA1 #5577AE #5A7FB9 #7872A1 #837EA9

Triadic Palette

#4F70A3 #5A7FB9 #C44F7C #CB648C #7CC44F #6DAC46

Split Complementary Palette

#5172A7 #5A7FB9 #B9665B #C0756B #AEB95B #9DA752

Square Palette

#4C6B9B #5A7FB9 #AD67A5 #AD9267 #5BB966 #75C47E

Tetradic Palette

#4A6898 #5A7FB9 #9A46CE #B9955B #7ACE46 #92D767

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7FB9 contains 90 red, 127 green, and 185 blue.

Contrast Ratio: 4.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.23:1