#6A6E86 Color

Color Information

HEX	#6A6E86
RGB	106, 110, 134
HSL	231° , 12% , 47%
HSV	231° , 21% , 53%
CMYK	21%, 18%, 0%, 47%

Lighter Shades

#7C7F95 #8E91A3 #A0A2B2 #B2B4C0 #C3C5CF #D5D6DD

Darker Shades

#5D6176 #515466 #444656 #373946 #2A2C36 #1E1F26

Complementary Palette

#5B5F73 #6A6E86 #73705A #868269 #97947E #7F8297

Analogous Palette

#5D737E #667D8A #64677E #6A6E86 #74668A #7D6F95

Triadic Palette

#5D6176 #6A6E86 #925D66 #9F7078 #66925D #5A8052

Split Complementary Palette

#5F6379 #6A6E86 #867469 #928278 #7C8669 #70795F

Square Palette

#595C71 #6A6E86 #8A667D #8A8566 #698674 #81998A

Tetradic Palette

#575A6E #6A6E86 #92549C #868269 #609C54 #7DAE73

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6A6E86 contains 106 red, 110 green, and 134 blue.

Contrast Ratio: 4.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.22:1