#685B7D

#685B7D

Color Values

HEX

#685B7D

RGB

104, 91, 125

HSL

262.9, 15.7%, 42.4%

HSV

262.9, 27.2%, 49.0%

CMYK

16.8%, 27.2%, 0.0%, 51.0%

OKLCH

0.4968 0.0554 301.9

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#685B7D

#707D5B

Analogous

#5B5F7D

#795B7D

#685B7D

Triadic

#685B7D

#7D685B

#5B7D68

Split Complementary

#685B7D

#7D795B

#5F7D5B

Tetradic

#685B7D

#7D5B5F

#707D5B

#5B7D79

Color Blindness Simulation

Original

#685B7D

Protanopia

#626275

Deuteranopia

#636473

Tritanopia

#676E6D

Achromatopsia

#606060

CSS Usage

background-color: #685B7D;
color: #685B7D;
border-color: #685B7D;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#EDEBF0
200
#DAD6E1
300
#C0B8CB
400
#9D92AF
500
#7B6B94
600
#625676
700
#4F455E
800
#3D364A
900
#2F2A37
950
#1E1A23

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

3.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026