#6B86B0 Color

Color Information

HEX	#6B86B0
RGB	107, 134, 176
HSL	217° , 30% , 55%
HSV	217° , 39% , 69%
CMYK	39%, 24%, 0%, 31%

Lighter Shades

#7D95B9 #8FA3C3 #A0B2CC #B2C0D6 #C4CFDF #D6DDE9

Darker Shades

#5E769B #516686 #445671 #38465C #2B3646 #1E2631

Complementary Palette

#5C7397 #6B86B0 #977F5B #AF946A #BAA37F #8097BB

Analogous Palette

#6F9095 #7B999D #657EA5 #6B86B0 #7F7B9D #8A87A6

Triadic Palette

#5E769B #6B86B0 #BA5E82 #C27191 #82BA5E #72A453

Split Complementary Palette

#60799E #6B86B0 #AF726A #B78079 #A7AF6A #969E5F

Square Palette

#5A7194 #6B86B0 #A3759E #A39275 #6AAF72 #82BC89

Tetradic Palette

#586E90 #6B86B0 #9955C3 #AF946A #7FC355 #96CE74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6B86B0 contains 107 red, 134 green, and 176 blue.

Contrast Ratio: 3.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.74:1