#6B767D

#6B767D

Color Values

HEX

#6B767D

RGB

107, 118, 125

HSL

203.3, 7.8%, 45.5%

HSV

203.3, 14.4%, 49.0%

CMYK

14.4%, 5.6%, 0.0%, 51.0%

OKLCH

0.559 0.0171 235.6

Properties

Cool Dark Nearest: lightsteelblue 4

Color Harmonies

Complementary

#6B767D

#7D726B

Analogous

#6B7D7B

#6B6D7D

#6B767D

Triadic

#6B767D

#7D6B76

#767D6B

Split Complementary

#6B767D

#7D6B6D

#7D7B6B

Tetradic

#6B767D

#7B6B7D

#7D726B

#6D7D6B

Color Blindness Simulation

Original

#6B767D

Protanopia

#70707B

Deuteranopia

#6F6E7B

Tritanopia

#6C7A7A

Achromatopsia

#747474

CSS Usage

background-color: #6B767D;
color: #6B767D;
border-color: #6B767D;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DCDE
300
#BDC3C7
400
#99A2A8
500
#768289
600
#5E686E
700
#4B5358
800
#3B4145
900
#2D3134
950
#1C1F21

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass 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