#695F82 Color

Color Information

HEX#695F82
RGB105, 95, 130
HSL257° , 16% , 44%
HSV257° , 27% , 51%
CMYK19%, 27%, 0%, 49%

Lighter Shades

#7B7291 #8D85A0 #9F99AF #B1ACBE #C3BFCD #D5D2DC

Darker Shades

#5C5472 #504863 #433D53 #373144 #2A2634 #1D1B24

Complementary Palette

#5A5270 #695F82 #677051 #78825E #8B9475 #7E7594

Analogous Palette

#575E75 #5F6781 #63597A #695F82 #7A5F81 #85688D

Triadic Palette

#5C5472 #695F82 #8D6453 #9B7768 #538D64 #497C58

Split Complementary Palette

#5F5675 #695F82 #827A5E #8F876E #66825E #5C7555

Square Palette

#58506D #695F82 #815F67 #77815F #5E827A #78968F

Tetradic Palette

#564E6B #695F82 #964A81 #78825E #4A9660 #6BA97D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #695F82 contains 105 red, 95 green, and 130 blue.

Contrast Ratio: 5.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1