#6A76D2 Color

Color Information

HEX#6A76D2
RGB106, 118, 210
HSL233° , 54% , 62%
HSV233° , 50% , 82%
CMYK50%, 44%, 0%, 18%

Lighter Shades

#7C86D7 #8E97DD #A0A7E2 #B2B8E8 #C3C8ED #D5D9F2

Darker Shades

#5D68B9 #515AA0 #444C86 #373D6D #2A2F54 #1E213B

Complementary Palette

#5B65B5 #6A76D2 #B5AA5B #D2C66A #D8CE7F #7F89D8

Analogous Palette

#7897AB #7DA6BF #646FC5 #6A76D2 #967DBF #9F87C4

Triadic Palette

#5D68B9 #6A76D2 #DC606F #E07380 #6FDC60 #62C254

Split Complementary Palette

#5F6ABD #6A76D2 #D2926A #D79D79 #AAD26A #99BD5F

Square Palette

#5963B0 #6A76D2 #C973A8 #C9BF73 #6AD292 #82D9A3

Tetradic Palette

#5761AC #6A76D2 #D458E4 #D2C66A #69E458 #84E976

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A76D2 contains 106 red, 118 green, and 210 blue.

Contrast Ratio: 4.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.18:1