#685885

#685885

Color Values

HEX

#685885

RGB

104, 88, 133

HSL

261.3, 20.4%, 43.3%

HSV

261.3, 33.8%, 52.2%

CMYK

21.8%, 33.8%, 0.0%, 47.8%

OKLCH

0.4944 0.0727 300.1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#685885

#758558

Analogous

#585E85

#7E5885

#685885

Triadic

#685885

#856858

#588568

Split Complementary

#685885

#857E58

#5E8558

Tetradic

#685885

#85585E

#758558

#58857E

Color Blindness Simulation

Original

#685885

Protanopia

#61617A

Deuteranopia

#626378

Tritanopia

#677270

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D4E3
300
#BEB5CE
400
#9B8DB4
500
#78659A
600
#60517B
700
#4D4162
800
#3C334D
900
#2E2839
950
#1D1924

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

3.32: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