#676879

#676879

Color Values

HEX

#676879

RGB

103, 104, 121

HSL

236.7, 8.0%, 43.9%

HSV

236.7, 14.9%, 47.5%

CMYK

14.9%, 14.0%, 0.0%, 52.5%

OKLCH

0.5225 0.0266 282.8

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#676879

#797867

Analogous

#677179

#6F6779

#676879

Triadic

#676879

#796768

#687967

Split Complementary

#676879

#796F67

#717967

Tetradic

#676879

#796771

#797867

#67796F

Color Blindness Simulation

Original

#676879

Protanopia

#676775

Deuteranopia

#676774

Tritanopia

#677271

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D8D9DE
300
#BDBDC7
400
#999AA8
500
#75768A
600
#5E5F6E
700
#4B4C58
800
#3B3B45
900
#2D2D34
950
#1C1D21

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026