#695CF6 Color

Color Information

HEX	#695CF6
RGB	105, 92, 246
HSL	245° , 90% , 66%
HSV	245° , 63% , 96%
CMYK	57%, 63%, 0%, 4%

Lighter Shades

#7B70F7 #8D83F8 #9F97F9 #B1AAFA #C3BEFB #D5D1FC

Darker Shades

#5C51D8 #5046BB #433B9D #373080 #2A2562 #1D1A45

Complementary Palette

#5A4FD4 #695CF6 #C8D44D #E9F65A #ECF771 #7E73F7

Analogous Palette

#6993CE #6C9EE5 #6356E7 #695CF6 #B26CE5 #B979E7

Triadic Palette

#5C51D8 #695CF6 #FF6052 #FF7367 #52FF60 #48E054

Split Complementary Palette

#5F53DD #695CF6 #F6B55A #F7BC6B #9BF65A #8CDD51

Square Palette

#584DCF #695CF6 #EE639D #E2EE63 #5AF6B5 #74F7C1

Tetradic Palette

#564BCA #695CF6 #FF52F1 #E9F65A #52FF60 #71FF7D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #695CF6 contains 105 red, 92 green, and 246 blue.

Contrast Ratio: 4.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.46:1