#7B85B2 Color

Color Information

HEX#7B85B2
RGB123, 133, 178
HSL229° , 26% , 59%
HSV229° , 31% , 70%
CMYK31%, 25%, 0%, 30%

Lighter Shades

#8B94BB #9BA2C4 #ABB1CE #BAC0D7 #CACEE0 #DADDE9

Darker Shades

#6C759D #5D6587 #4F5572 #40455D #313547 #222532

Complementary Palette

#6A7299 #7B85B2 #99906A #B2A87B #BDB48D #8D96BD

Analogous Palette

#78909B #879CA6 #747DA7 #7B85B2 #9187A6 #9890AD

Triadic Palette

#6C759D #7B85B2 #BC717F #C4828E #7FBC71 #70A563

Split Complementary Palette

#6F78A0 #7B85B2 #B28C7B #BA9888 #A0B27B #90A06F

Square Palette

#677096 #7B85B2 #A7869C #A7A186 #7BB28C #90BE9E

Tetradic Palette

#656D92 #7B85B2 #B468C4 #B2A87B #79C468 #91CF83

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7B85B2 contains 123 red, 133 green, and 178 blue.

Contrast Ratio: 3.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.93:1