#686273

#686273

Color Values

HEX

#686273

RGB

104, 98, 115

HSL

261.2, 8.0%, 41.8%

HSV

261.2, 14.8%, 45.1%

CMYK

9.6%, 14.8%, 0.0%, 54.9%

OKLCH

0.5077 0.0275 301.5

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#686273

#6D7362

Analogous

#626573

#716273

#686273

Triadic

#686273

#736862

#627368

Split Complementary

#686273

#737162

#657362

Tetradic

#686273

#736265

#6D7362

#627371

Color Blindness Simulation

Original

#686273

Protanopia

#65656F

Deuteranopia

#66666E

Tritanopia

#686C6B

Achromatopsia

#656565

CSS Usage

background-color: #686273;
color: #686273;
border-color: #686273;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DAD8DE
300
#C0BDC7
400
#9E99A8
500
#7D758A
600
#645E6E
700
#504B58
800
#3E3B45
900
#2F2D34
950
#1E1C21

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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