#6F7C63

#6F7C63

Color Values

HEX

#6F7C63

RGB

111, 124, 99

HSL

91.2, 11.2%, 43.7%

HSV

91.2, 20.2%, 48.6%

CMYK

10.5%, 0.0%, 20.2%, 51.4%

OKLCH

0.5683 0.0404 130.0

Properties

Cool Light Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#6F7C63

#70637C

Analogous

#7B7C63

#637C63

#6F7C63

Triadic

#6F7C63

#636F7C

#7C636F

Split Complementary

#6F7C63

#63637C

#7C637B

Tetradic

#6F7C63

#637B7C

#70637C

#7C6363

Color Blindness Simulation

Original

#6F7C63

Protanopia

#757569

Deuteranopia

#74736A

Tritanopia

#706E6F

Achromatopsia

#777777

CSS Usage

background-color: #6F7C63;
color: #6F7C63;
border-color: #6F7C63;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DBDFD7
300
#C2C9BB
400
#A0AB96
500
#7F8E71
600
#66715B
700
#515B48
800
#3F4739
900
#30352C
950
#1E221C

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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