#6F7C76

#6F7C76

Color Values

HEX

#6F7C76

RGB

111, 124, 118

HSL

152.3, 5.5%, 46.1%

HSV

152.3, 10.5%, 48.6%

CMYK

10.5%, 0.0%, 4.8%, 51.4%

OKLCH

0.5737 0.0179 166.3

Properties

Cool Light Nearest: RAL 7037 Dusty Grey

Color Harmonies

Complementary

#6F7C76

#7C6F75

Analogous

#6F7C70

#6F7C7C

#6F7C76

Triadic

#6F7C76

#766F7C

#7C766F

Split Complementary

#6F7C76

#7C6F7C

#7C706F

Tetradic

#6F7C76

#706F7C

#7C6F75

#7C7C6F

Color Blindness Simulation

Original

#6F7C76

Protanopia

#757577

Deuteranopia

#747378

Tritanopia

#707979

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDB
300
#BEC5C2
400
#9BA6A1
500
#788780
600
#606C66
700
#4D5652
800
#3C4340
900
#2E3331
950
#1D201F

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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