#696FA2 Color

Color Information

HEX#696FA2
RGB105, 111, 162
HSL234° , 23% , 52%
HSV234° , 35% , 64%
CMYK35%, 31%, 0%, 36%

Lighter Shades

#7B80AD #8D92B8 #9FA3C3 #B1B4CF #C3C5DA #D5D7E5

Darker Shades

#5C628F #50547B #434768 #373A54 #2A2C41 #1D1F2D

Complementary Palette

#5A5F8B #696FA2 #8A8559 #A19B68 #AEA97D #7E83AF

Analogous Palette

#687E8D #728897 #636898 #696FA2 #817297 #8B7EA0

Triadic Palette

#5C628F #696FA2 #AD5C64 #B77077 #64AD5C #589851

Split Complementary Palette

#5F6492 #696FA2 #A17F68 #AA8C77 #8AA168 #7C915E

Square Palette

#585D88 #696FA2 #977288 #979372 #68A17F #80B093

Tetradic Palette

#565B85 #696FA2 #AD52B7 #A19B68 #5CB752 #79C471

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696FA2 contains 105 red, 111 green, and 162 blue.

Contrast Ratio: 4.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.43:1