#67636B

#67636B

Color Values

HEX

#67636B

RGB

103, 99, 107

HSL

270.0, 3.9%, 40.4%

HSV

270.0, 7.5%, 42.0%

CMYK

3.7%, 7.5%, 0.0%, 58.0%

OKLCH

0.5061 0.0134 308.2

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#67636B

#676B63

Analogous

#63636B

#6B636B

#67636B

Triadic

#67636B

#6B6763

#636B67

Split Complementary

#67636B

#6B6B63

#636B63

Tetradic

#67636B

#6B6363

#676B63

#636B6B

Color Blindness Simulation

Original

#67636B

Protanopia

#656569

Deuteranopia

#666669

Tritanopia

#676867

Achromatopsia

#646464

CSS Usage

background-color: #67636B;
color: #67636B;
border-color: #67636B;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DBDADD
300
#C2BFC4
400
#A19DA4
500
#807B84
600
#66626A
700
#524E55
800
#403D42
900
#302F32
950
#1F1E20

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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