#6F7C7F

#6F7C7F

Color Values

HEX

#6F7C7F

RGB

111, 124, 127

HSL

191.2, 6.7%, 46.7%

HSV

191.2, 12.6%, 49.8%

CMYK

12.6%, 2.4%, 0.0%, 50.2%

OKLCH

0.5766 0.0161 213.1

Properties

Cool Light Nearest: RAL 7000 Squirrel Grey

Color Harmonies

Complementary

#6F7C7F

#7F726F

Analogous

#6F7F7A

#6F747F

#6F7C7F

Triadic

#6F7C7F

#7F6F7C

#7C7F6F

Split Complementary

#6F7C7F

#7F6F74

#7F7A6F

Tetradic

#6F7C7F

#7A6F7F

#7F726F

#747F6F

Color Blindness Simulation

Original

#6F7C7F

Protanopia

#75757E

Deuteranopia

#74737E

Tritanopia

#707E7E

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DDDE
300
#BEC4C6
400
#9AA5A7
500
#778588
600
#5F6A6D
700
#4C5557
800
#3B4244
900
#2E3233
950
#1D2020

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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