#696DDA Color

Color Information

HEX#696DDA
RGB105, 109, 218
HSL238° , 60% , 63%
HSV238° , 52% , 85%
CMYK52%, 50%, 0%, 15%

Lighter Shades

#7B7FDE #8D90E3 #9FA2E7 #B1B3EC #C3C5F0 #D5D6F5

Darker Shades

#5C60C0 #5053A6 #43468C #373971 #2A2C57 #1D1F3D

Complementary Palette

#5A5EBB #696DDA #BBB759 #D9D568 #DEDB7D #7E81DF

Analogous Palette

#7596B3 #7BA3C6 #6366CD #696DDA #9E7BC6 #A686CB

Triadic Palette

#5C60C0 #696DDA #E35F63 #E67276 #63E35F #57C854

Split Complementary Palette

#5F62C4 #696DDA #D99D68 #DDA777 #A4D968 #94C35E

Square Palette

#585CB7 #696DDA #D071A4 #D0CD71 #68D99D #80DFAD

Tetradic Palette

#5659B3 #696DDA #E557EA #D9D568 #5CEA57 #79EE75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #696DDA contains 105 red, 109 green, and 218 blue.

Contrast Ratio: 4.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.83:1