#696BC3 Color

Color Information

HEX#696BC3
RGB105, 107, 195
HSL239° , 43% , 59%
HSV239° , 46% , 76%
CMYK46%, 45%, 0%, 24%

Lighter Shades

#7B7DCA #8D8FD1 #9FA0D9 #B1B2E0 #C3C4E7 #D5D6EE

Darker Shades

#5C5EAC #505194 #43447D #373865 #2A2B4E #1D1E37

Complementary Palette

#5A5CA8 #696BC3 #A8A75A #C3C269 #CBCB7E #7E80CB

Analogous Palette

#788A9B #7E97AE #6365B7 #696BC3 #967EAE #9D88B4

Triadic Palette

#5C5EAC #696BC3 #CE5F61 #D47274 #61CE5F #55B554

Split Complementary Palette

#5F60B0 #696BC3 #C39569 #C9A078 #98C369 #89B05F

Square Palette

#585AA4 #696BC3 #B97498 #B9B874 #69C395 #81CDA6

Tetradic Palette

#5658A0 #696BC3 #D457D6 #C3C269 #59D657 #77DD75

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696BC3 contains 105 red, 107 green, and 195 blue.

Contrast Ratio: 4.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.52:1