#696690 Color

Color Information

HEX#696690
RGB105, 102, 144
HSL244° , 17% , 48%
HSV244° , 29% , 56%
CMYK27%, 29%, 0%, 44%

Lighter Shades

#7B789D #8D8BAB #9F9DB8 #B1AFC5 #C3C2D3 #D5D4E0

Darker Shades

#5C5A7F #504E6D #43415C #37354B #2A293A #1D1D28

Complementary Palette

#5A587C #696690 #787B58 #8C8F66 #9C9F7B #7E7BA0

Analogous Palette

#5F6D81 #68788D #636087 #696690 #7D688D #867297

Triadic Palette

#5C5A7F #696690 #9B5D59 #A7706D #599B5D #4E8852

Split Complementary Palette

#5F5C82 #696690 #8F7D66 #9A8A75 #788F66 #6C815C

Square Palette

#585679 #696690 #8D6878 #8A8D68 #668F7D #7EA192

Tetradic Palette

#565476 #696690 #A550A0 #8C8F66 #50A554 #70B573

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696690 contains 105 red, 102 green, and 144 blue.

Contrast Ratio: 5.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.92:1