#696CBF Color

Color Information

HEX#696CBF
RGB105, 108, 191
HSL238° , 40% , 58%
HSV238° , 45% , 75%
CMYK45%, 43%, 0%, 25%

Lighter Shades

#7B7EC7 #8D8FCE #9FA1D6 #B1B3DE #C3C4E5 #D5D6ED

Darker Shades

#5C5FA8 #505291 #43457A #373863 #2A2B4C #1D1E35

Complementary Palette

#5A5DA4 #696CBF #A4A25A #BFBC69 #C8C57E #7E81C8

Analogous Palette

#788B9B #7E95A9 #6366B4 #696CBF #927EA9 #9A88AF

Triadic Palette

#5C5FA8 #696CBF #C95E62 #CF7175 #62C95E #56B153

Split Complementary Palette

#5F61AC #696CBF #BF9169 #C59C78 #97BF69 #88AC5F

Square Palette

#585BA0 #696CBF #B47496 #B4B274 #69BF91 #81C9A3

Tetradic Palette

#56599D #696CBF #CE56D2 #BFBC69 #5AD256 #78DA74

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696CBF contains 105 red, 108 green, and 191 blue.

Contrast Ratio: 4.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.53:1