#6F7477

#6F7477

Color Values

HEX

#6F7477

RGB

111, 116, 119

HSL

202.5, 3.5%, 45.1%

HSV

202.5, 6.7%, 46.7%

CMYK

6.7%, 2.5%, 0.0%, 53.3%

OKLCH

0.5557 0.0077 233.7

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#6F7477

#77726F

Analogous

#6F7776

#6F7077

#6F7477

Triadic

#6F7477

#776F74

#74776F

Split Complementary

#6F7477

#776F70

#77766F

Tetradic

#6F7477

#766F77

#77726F

#70776F

Color Blindness Simulation

Original

#6F7477

Protanopia

#717176

Deuteranopia

#717076

Tritanopia

#6F7676

Achromatopsia

#737373

CSS Usage

background-color: #6F7477;
color: #6F7477;
border-color: #6F7477;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADCDD
300
#C0C2C4
400
#9DA1A4
500
#7B8184
600
#62676A
700
#4F5254
800
#3E4042
900
#2F3132
950
#1E1F20

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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