#695AD5 Color

Color Information

HEX#695AD5
RGB105, 90, 213
HSL247° , 59% , 59%
HSV247° , 58% , 84%
CMYK51%, 58%, 0%, 16%

Lighter Shades

#7B6EDA #8D82DF #9F95E4 #B1A9E9 #C3BDEE #D5D1F3

Darker Shades

#5C4FBB #5044A2 #433A88 #372F6F #2A2455 #1D193C

Complementary Palette

#5A4DB7 #695AD5 #AAB64D #C6D459 #CEDA70 #7E71DB

Analogous Palette

#6982AB #6E8DBF #6355C8 #695AD5 #A06EBF #A778C4

Triadic Palette

#5C4FBB #695AD5 #DF5F4E #E37263 #4EDF5F #45C454

Split Complementary Palette

#5F51C0 #695AD5 #D4A559 #D8AE6A #88D459 #7ABF50

Square Palette

#584CB3 #695AD5 #CA638A #BECA63 #59D4A5 #74DBB3

Tetradic Palette

#564AAF #695AD5 #E746D4 #C6D459 #46E759 #67EB77

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #695AD5 contains 105 red, 90 green, and 213 blue.

Contrast Ratio: 5.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.02:1