#6B7DC2 Color

Color Information

HEX#6B7DC2
RGB107, 125, 194
HSL228° , 42% , 59%
HSV228° , 45% , 76%
CMYK45%, 36%, 0%, 24%

Lighter Shades

#7D8DC9 #8F9CD1 #A0ACD8 #B2BBDF #C4CBE7 #D6DBEE

Darker Shades

#5E6EAB #515F93 #44507C #384165 #2B324E #1E2336

Complementary Palette

#5C6CA7 #6B7DC2 #A7985C #C2B16B #CBBC80 #808FCB

Analogous Palette

#78919B #7FA0AD #6576B6 #6B7DC2 #8D7FAD #9689B3

Triadic Palette

#5E6EAB #6B7DC2 #CD6076 #D37386 #76CD60 #68B454

Split Complementary Palette

#6071AF #6B7DC2 #C2856B #C8917A #A8C26B #97AF60

Square Palette

#5A69A3 #6B7DC2 #B875A4 #B8AB75 #6BC285 #83CC99

Tetradic Palette

#58679F #6B7DC2 #BC58D5 #C2B16B #71D558 #8BDD76

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6B7DC2 contains 107 red, 125 green, and 194 blue.

Contrast Ratio: 3.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.4:1