#6C7AA2 Color

Color Information

HEX#6C7AA2
RGB108, 122, 162
HSL224° , 23% , 53%
HSV224° , 33% , 64%
CMYK33%, 25%, 0%, 36%

Lighter Shades

#7E8AAD #8F9AB8 #A1AAC3 #B3BACF #C4CADA #D6DAE5

Darker Shades

#5F6B8F #525D7B #454E68 #383F54 #2B3141 #1E222D

Complementary Palette

#5D698B #6C7AA2 #8C7F5D #A3946C #B0A381 #818DAF

Analogous Palette

#6A8790 #759199 #667398 #6C7AA2 #7D7599 #8881A2

Triadic Palette

#5F6B8F #6C7AA2 #AF6073 #B97384 #73AF60 #659A54

Split Complementary Palette

#616E92 #6C7AA2 #A3786C #AC867B #96A36C #879361

Square Palette

#5B6688 #6C7AA2 #997591 #999075 #6CA378 #84B28E

Tetradic Palette

#596485 #6C7AA2 #9E56B8 #A3946C #6FB856 #89C574

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6C7AA2 contains 108 red, 122 green, and 162 blue.

Contrast Ratio: 4.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5:1