#6A76C6 Color

Color Information

HEX#6A76C6
RGB106, 118, 198
HSL232° , 45% , 60%
HSV232° , 46% , 78%
CMYK46%, 40%, 0%, 22%

Lighter Shades

#7C86CD #8E97D4 #A0A7DB #B2B8E1 #C3C8E8 #D5D9EF

Darker Shades

#5D68AE #515A96 #444C7F #373D67 #2A2F4F #1E2137

Complementary Palette

#5B65AA #6A76C6 #ABA15C #C7BB6B #CFC580 #7F89CE

Analogous Palette

#7991A0 #80A0B3 #646FBA #6A76C6 #9280B3 #9A89B8

Triadic Palette

#5D68AE #6A76C6 #D16170 #D77481 #70D161 #63B855

Split Complementary Palette

#5F6AB2 #6A76C6 #C78D6B #CD987A #A5C76B #95B360

Square Palette

#5963A6 #6A76C6 #BD75A3 #BDB375 #6BC78D #83D09F

Tetradic Palette

#5761A2 #6A76C6 #C859D9 #C7BB6B #6AD959 #85E077

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A76C6 contains 106 red, 118 green, and 198 blue.

Contrast Ratio: 4.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.07:1