#685BA4

#685BA4

Color Values

HEX

#685BA4

RGB

104, 91, 164

HSL

250.7, 28.6%, 50.0%

HSV

250.7, 44.5%, 64.3%

CMYK

36.6%, 44.5%, 0.0%, 35.7%

OKLCH

0.5171 0.113 290.0

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#685BA4

#97A45B

Analogous

#5B72A4

#8D5BA4

#685BA4

Triadic

#685BA4

#A4685B

#5BA468

Split Complementary

#685BA4

#A48D5B

#72A45B

Tetradic

#685BA4

#A45B72

#97A45B

#5BA48D

Color Blindness Simulation

Original

#685BA4

Protanopia

#626292

Deuteranopia

#63648E

Tritanopia

#678481

Achromatopsia

#636363

CSS Usage

background-color: #685BA4;
color: #685BA4;
border-color: #685BA4;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#EAE9F1
200
#D5D1E6
300
#B7B0D3
400
#8F86BC
500
#685BA4
600
#534983
700
#433A69
800
#342E52
900
#28243D
950
#1A1726

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026