#6A6F78 Color

Color Information

HEX#6A6F78
RGB106, 111, 120
HSL219° , 6% , 44%
HSV219° , 12% , 47%
CMYK12%, 8%, 0%, 53%

Lighter Shades

#7C8088 #8E9298 #A0A3A9 #B2B4B9 #C3C5C9 #D5D7D9

Darker Shades

#5D626A #51545B #44474D #373A3E #2A2C30 #1E1F22

Complementary Palette

#5B5F67 #6A6F78 #66625A #777269 #8A867E #7F838B

Analogous Palette

#577375 #5F7C81 #646871 #6A6F78 #645F81 #6E688D

Triadic Palette

#5D626A #6A6F78 #825E6B #91717D #6B825E #5E7253

Split Complementary Palette

#5F646C #6A6F78 #776B69 #857A78 #757769 #696B5F

Square Palette

#595D65 #6A6F78 #815F7C #81755F #69776B #818D83

Tetradic Palette

#575B62 #6A6F78 #78558B #777269 #688B55 #83A074

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6A6F78 contains 106 red, 111 green, and 120 blue.

Contrast Ratio: 5.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.19:1