#67656F

#67656F

Color Values

HEX

#67656F

RGB

103, 101, 111

HSL

252.0, 4.7%, 41.6%

HSV

252.0, 9.0%, 43.5%

CMYK

7.2%, 9.0%, 0.0%, 56.5%

OKLCH

0.512 0.0158 295.0

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#67656F

#6D6F65

Analogous

#65686F

#6C656F

#67656F

Triadic

#67656F

#6F6765

#656F67

Split Complementary

#67656F

#6F6C65

#686F65

Tetradic

#67656F

#6F6568

#6D6F65

#656F6C

Color Blindness Simulation

Original

#67656F

Protanopia

#66666D

Deuteranopia

#66666C

Tritanopia

#676B6A

Achromatopsia

#666666

CSS Usage

background-color: #67656F;
color: #67656F;
border-color: #67656F;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DADADD
300
#C0BFC5
400
#9E9CA5
500
#7C7A85
600
#63616B
700
#4F4E55
800
#3E3D43
900
#2F2E32
950
#1E1D20

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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