#685AA7 Color

Color Information

HEX#685AA7
RGB104, 90, 167
HSL251° , 30% , 50%
HSV251° , 46% , 65%
CMYK38%, 46%, 0%, 35%

Lighter Shades

#7A6EB2 #8C82BC #9E95C7 #B0A9D1 #C3BDDC #D5D1E6

Darker Shades

#5C4F93 #4F447F #433A6B #362F57 #2A2443 #1D192F

Complementary Palette

#594D90 #685AA7 #838F4D #98A659 #A6B270 #7D71B3

Analogous Palette

#646F87 #6C7893 #62559D #685AA7 #876C93 #90789B

Triadic Palette

#5C4F93 #685AA7 #B35F4D #BC7262 #4DB35F #449E54

Split Complementary Palette

#5E5196 #685AA7 #A68E59 #AF996A #71A659 #669550

Square Palette

#574C8C #685AA7 #996676 #909966 #59A68E #74B4A0

Tetradic Palette

#554A89 #685AA7 #BD42A6 #98A659 #42BD59 #64C977

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685AA7 contains 104 red, 90 green, and 167 blue.

Contrast Ratio: 5.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.61:1