#6977BF Color

Color Information

HEX#6977BF
RGB105, 119, 191
HSL230° , 40% , 58%
HSV230° , 45% , 75%
CMYK45%, 38%, 0%, 25%

Lighter Shades

#7B87C7 #8D98CE #9FA8D6 #B1B8DE #C3C9E5 #D5D9ED

Darker Shades

#5C69A8 #505A91 #434C7A #373E63 #2A304C #1D2135

Complementary Palette

#5A66A4 #6977BF #A4975A #BFB069 #C8BB7E #7E8AC8

Analogous Palette

#788F9B #7E9BA9 #6370B4 #6977BF #8D7EA9 #9688AF

Triadic Palette

#5C69A8 #6977BF #C95E70 #CF7181 #70C95E #63B153

Split Complementary Palette

#5F6BAC #6977BF #BF8669 #C59278 #A2BF69 #92AC5F

Square Palette

#5864A0 #6977BF #B4749F #B4A974 #69BF86 #81C999

Tetradic Palette

#56629D #6977BF #BD56D2 #BFB069 #6AD256 #85DA74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6977BF contains 105 red, 119 green, and 191 blue.

Contrast Ratio: 4.16:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.04:1