#686979

#686979

Color Values

HEX

#686979

RGB

104, 105, 121

HSL

236.5, 7.6%, 44.1%

HSV

236.5, 14.0%, 47.5%

CMYK

14.0%, 13.2%, 0.0%, 52.5%

OKLCH

0.5256 0.025 282.7

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#686979

#797868

Analogous

#687179

#6F6879

#686979

Triadic

#686979

#796869

#697968

Split Complementary

#686979

#796F68

#717968

Tetradic

#686979

#796871

#797868

#68796F

Color Blindness Simulation

Original

#686979

Protanopia

#686875

Deuteranopia

#686874

Tritanopia

#687271

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9D9DE
300
#BDBEC6
400
#999AA8
500
#767789
600
#5E5F6E
700
#4B4C58
800
#3B3B45
900
#2D2E34
950
#1D1D21

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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