#685A81 Color

Color Information

HEX	#685A81
RGB	104, 90, 129
HSL	262° , 18% , 43%
HSV	262° , 30% , 51%
CMYK	19%, 30%, 0%, 49%

Lighter Shades

#7A6E90 #8C829F #9E95AE #B0A9BD #C3BDCD #D5D1DC

Darker Shades

#5C4F72 #4F4462 #433A53 #362F43 #2A2434 #1D1924

Complementary Palette

#594D6F #685A81 #636F4D #73815A #879371 #7D7193

Analogous Palette

#575A75 #5D627E #625579 #685A81 #7A5D7E #85668A

Triadic Palette

#5C4F72 #685A81 #8C654F #9A7764 #4F8C65 #467B59

Split Complementary Palette

#5E5174 #685A81 #817C5A #8E896B #5F815A #567451

Square Palette

#574C6C #685A81 #7E5D62 #727E5D #5A817C #749591

Tetradic Palette

#554A6A #685A81 #954678 #73815A #469563 #67A87F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685A81 contains 104 red, 90 green, and 129 blue.

Contrast Ratio: 6.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.36:1