#7B78AA Color

Color Information

HEX#7B78AA
RGB123, 120, 170
HSL244° , 23% , 57%
HSV244° , 29% , 67%
CMYK28%, 29%, 0%, 33%

Lighter Shades

#8B88B4 #9B98BE #ABA9C9 #BAB9D3 #CAC9DD #DAD9E7

Darker Shades

#6C6A96 #5D5B81 #4F4D6D #403E58 #313044 #222230

Complementary Palette

#6A6792 #7B78AA #909367 #A7AB78 #B3B78B #8D8BB6

Analogous Palette

#728397 #818FA2 #7471A0 #7B78AA #9481A2 #9D8DAA

Triadic Palette

#6C6A96 #7B78AA #B6726D #BF837F #6DB672 #60A064

Split Complementary Palette

#6F6C99 #7B78AA #AB9578 #B3A086 #8EAB78 #809A6C

Square Palette

#67658F #7B78AA #A2818F #9FA281 #78AB95 #8EB8A6

Tetradic Palette

#65628B #7B78AA #BE64B7 #A7AB78 #64BE6A #80CA85

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7B78AA contains 123 red, 120 green, and 170 blue.

Contrast Ratio: 4.06:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.17:1