#6B96C2 Color

Color Information

HEX	#6B96C2
RGB	107, 150, 194
HSL	210° , 42% , 59%
HSV	210° , 45% , 76%
CMYK	45%, 23%, 0%, 24%

Lighter Shades

#7DA3C9 #8FAFD1 #A0BCD8 #B2C8DF #C4D5E7 #D6E2EE

Darker Shades

#5E84AB #517293 #44607C #384E65 #2B3C4E #1E2A36

Complementary Palette

#5C81A7 #6B96C2 #A7815C #C2966B #CBA580 #80A5CB

Analogous Palette

#789B9B #7FADAD #658DB6 #6B96C2 #7F7FAD #8989B3

Triadic Palette

#5E84AB #6B96C2 #CD6096 #D373A3 #96CD60 #84B454

Split Complementary Palette

#6087AF #6B96C2 #C26B6B #C87A7A #C2C26B #AFAF60

Square Palette

#5A7EA3 #6B96C2 #B875B8 #B89675 #6BC26B #83CC83

Tetradic Palette

#587B9F #6B96C2 #9658D5 #C2966B #96D558 #A9DD76

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6B96C2 contains 107 red, 150 green, and 194 blue.

Contrast Ratio: 3.06:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.87:1