#7B84A4 Color

Color Information

HEX#7B84A4
RGB123, 132, 164
HSL227° , 18% , 56%
HSV227° , 25% , 64%
CMYK25%, 20%, 0%, 36%

Lighter Shades

#8B93AF #9BA2BA #ABB0C5 #BABFD0 #CACEDB #DADDE6

Darker Shades

#6C7490 #5D647D #4F5469 #404555 #313542 #22252E

Complementary Palette

#6A728D #7B84A4 #8C846A #A39A7B #B0A88D #8D95B1

Analogous Palette

#728D97 #7E96A0 #747C9A #7B84A4 #887EA0 #928AA8

Triadic Palette

#6C7490 #7B84A4 #AE6F7C #B8808C #7CAE6F #6D9962

Split Complementary Palette

#6F7794 #7B84A4 #A3867B #AC9288 #98A37B #89936F

Square Palette

#676F8A #7B84A4 #A07E96 #A0987E #7BA386 #90B299

Tetradic Palette

#656C86 #7B84A4 #A666B7 #A39A7B #77B766 #8FC482

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7B84A4 contains 123 red, 132 green, and 164 blue.

Contrast Ratio: 3.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.76:1