#6F7463

#6F7463

Color Values

HEX

#6F7463

RGB

111, 116, 99

HSL

77.6, 7.9%, 42.2%

HSV

77.6, 14.7%, 45.5%

CMYK

4.3%, 0.0%, 14.7%, 54.5%

OKLCH

0.5496 0.0263 120.6

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#6F7463

#686374

Analogous

#747163

#677463

#6F7463

Triadic

#6F7463

#636F74

#74636F

Split Complementary

#6F7463

#636774

#716374

Tetradic

#6F7463

#637471

#686374

#746367

Color Blindness Simulation

Original

#6F7463

Protanopia

#717167

Deuteranopia

#717068

Tritanopia

#6F6A6B

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DCDED8
300
#C4C7BD
400
#A4A899
500
#848A75
600
#696E5E
700
#54584B
800
#42453B
900
#32342D
950
#1F211C

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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