#6976AF Color

Color Information

HEX#6976AF
RGB105, 118, 175
HSL229° , 30% , 55%
HSV229° , 40% , 69%
CMYK40%, 33%, 0%, 31%

Lighter Shades

#7B86B9 #8D97C2 #9FA7CC #B1B8D5 #C3C8DF #D5D9E9

Darker Shades

#5C689A #505A85 #434C70 #373D5B #2A2F46 #1D2131

Complementary Palette

#5A6597 #6976AF #978B5B #AFA26A #BAAF7F #7E89BA

Analogous Palette

#6F8995 #7B939D #636FA5 #6976AF #867B9D #9187A6

Triadic Palette

#5C689A #6976AF #BA5E6E #C2717F #6EBA5E #61A453

Split Complementary Palette

#5F6A9E #6976AF #AF806A #B78D79 #99AF6A #8A9E5F

Square Palette

#586393 #6976AF #A37595 #A39B75 #6AAF80 #82BC94

Tetradic Palette

#566190 #6976AF #AF55C3 #AFA26A #68C355 #83CE74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6976AF contains 105 red, 118 green, and 175 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