#696996 Color

Color Information

HEX#696996
RGB105, 105, 150
HSL240° , 18% , 50%
HSV240° , 30% , 59%
CMYK30%, 30%, 0%, 41%

Lighter Shades

#7B7BA3 #8D8DAF #9F9FBC #B1B1C8 #C3C3D5 #D5D5E2

Darker Shades

#5C5C84 #505072 #434360 #37374E #2A2A3C #1D1D2A

Complementary Palette

#5A5A81 #696996 #81815A #969669 #A5A57E #7E7EA5

Analogous Palette

#647687 #6C8093 #63638D #696996 #806C93 #8A789B

Triadic Palette

#5C5C84 #696996 #A35C5C #AE7070 #5CA35C #518F51

Split Complementary Palette

#5F5F87 #696996 #968069 #A18D78 #809669 #73875F

Square Palette

#58587E #696996 #936C80 #93936C #699680 #81A794

Tetradic Palette

#56567B #696996 #AD52AD #969669 #52AD52 #71BC71

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696996 contains 105 red, 105 green, and 150 blue.

Contrast Ratio: 5.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.08:1