#7B86CE Color

Color Information

HEX#7B86CE
RGB123, 134, 206
HSL232° , 46% , 65%
HSV232° , 40% , 81%
CMYK40%, 35%, 0%, 19%

Lighter Shades

#8B95D4 #9BA3DA #ABB2E0 #BAC0E6 #CACFEB #DADDF1

Darker Shades

#6C76B5 #5D669D #4F5684 #40466B #313652 #22263A

Complementary Palette

#6A73B1 #7B86CE #B2A96C #CFC47D #D6CC8F #8D97D5

Analogous Palette

#889EAA #8FACBD #747EC2 #7B86CE #A08FBD #A898C3

Triadic Palette

#6C76B5 #7B86CE #D87481 #DD8590 #81D874 #72BE66

Split Complementary Palette

#6F79B9 #7B86CE #CF9B7D #D4A58A #B1CF7D #9FBA71

Square Palette

#6771AD #7B86CE #C686AE #C6BD86 #7DCF9B #92D7AB

Tetradic Palette

#656EA9 #7B86CE #D06DDF #CFC47D #7CDF6D #94E587

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7B86CE contains 123 red, 134 green, and 206 blue.

Contrast Ratio: 3.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.23:1