#695F98 Color

Color Information

HEX#695F98
RGB105, 95, 152
HSL251° , 23% , 48%
HSV251° , 38% , 60%
CMYK31%, 38%, 0%, 40%

Lighter Shades

#7B72A4 #8D85B1 #9F99BD #B1ACC9 #C3BFD6 #D5D2E2

Darker Shades

#5C5486 #504874 #433D61 #37314F #2A263D #1D1B2B

Complementary Palette

#5A5283 #695F98 #788251 #8C975E #9CA675 #7E75A6

Analogous Palette

#5F6A81 #68748D #63598F #695F98 #81688D #8C7297

Triadic Palette

#5C5486 #695F98 #A36252 #AE7567 #52A362 #488F56

Split Complementary Palette

#5F5689 #695F98 #97855E #A1916E #70975E #658855

Square Palette

#585080 #695F98 #8D6874 #858D68 #5E9785 #78A899

Tetradic Palette

#564E7D #695F98 #AD4899 #8C975E #48AD5C #69BC79

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #695F98 contains 105 red, 95 green, and 152 blue.

Contrast Ratio: 5.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.7:1