#6B789E Color

Color Information

HEX#6B789E
RGB107, 120, 158
HSL225° , 21% , 52%
HSV225° , 32% , 62%
CMYK32%, 24%, 0%, 38%

Lighter Shades

#7D88AA #8F98B5 #A0A9C1 #B2B9CD #C4C9D8 #D6D9E4

Darker Shades

#5E6A8B #515B78 #444D65 #383E52 #2B303F #1E222C

Complementary Palette

#5C6788 #6B789E #887D5C #9E916B #ACA080 #808BAC

Analogous Palette

#68848D #728E97 #657195 #6B789E #7B7297 #867EA0

Triadic Palette

#5E6A8B #6B789E #AB5F72 #B57283 #72AB5F #649654

Split Complementary Palette

#606C8E #6B789E #9E786B #A8867A #919E6B #838E60

Square Palette

#5A6585 #6B789E #97728E #978E72 #6B9E78 #83AE8E

Tetradic Palette

#586282 #6B789E #9C55B4 #9E916B #6DB455 #87C274

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6B789E contains 107 red, 120 green, and 158 blue.

Contrast Ratio: 4.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.86:1