#787EA5 Color

Color Information

HEX	#787EA5
RGB	120, 126, 165
HSL	232° , 20% , 56%
HSV	232° , 27% , 65%
CMYK	27%, 24%, 0%, 35%

Lighter Shades

#888DB0 #989DBB #A9ACC5 #B9BCD0 #C9CBDB #D9DBE6

Darker Shades

#6A6F91 #5B607D #4D516A #3E4256 #303242 #22232E

Complementary Palette

#676C8E #787EA5 #8E8967 #A59F78 #B2AC8B #8B90B2

Analogous Palette

#6F8895 #7E94A0 #71769B #787EA5 #8B7EA0 #9287A6

Triadic Palette

#6A6F91 #787EA5 #B06D76 #B97F86 #76B06D #689B60

Split Complementary Palette

#6C7195 #787EA5 #A58978 #AE9586 #95A578 #86956C

Square Palette

#656A8B #787EA5 #A07E94 #A09B7E #78A589 #8EB39C

Tetradic Palette

#626787 #787EA5 #AE64B9 #A59F78 #70B964 #8AC680

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #787EA5 contains 120 red, 126 green, and 165 blue.

Contrast Ratio: 3.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.4:1