#6A6EA2 Color

Color Information

HEX#6A6EA2
RGB106, 110, 162
HSL236° , 23% , 53%
HSV236° , 35% , 64%
CMYK35%, 32%, 0%, 36%

Lighter Shades

#7C7FAD #8E91B8 #A0A2C3 #B2B4CF #C3C5DA #D5D6E5

Darker Shades

#5D618F #51547B #444668 #373954 #2A2C41 #1E1F2D

Complementary Palette

#5B5F8B #6A6EA2 #8C895D #A39F6C #B0AC81 #7F82AF

Analogous Palette

#6A7F90 #758A99 #646798 #6A6EA2 #847599 #8F81A2

Triadic Palette

#5D618F #6A6EA2 #AF6064 #B97377 #64AF60 #589A54

Split Complementary Palette

#5F6392 #6A6EA2 #A3836C #AC8F7B #8BA36C #7D9361

Square Palette

#595C88 #6A6EA2 #99758A #999775 #6CA383 #84B297

Tetradic Palette

#575A85 #6A6EA2 #B256B8 #A39F6C #5BB856 #79C574

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6A6EA2 contains 106 red, 110 green, and 162 blue.

Contrast Ratio: 4.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.4:1