#6F7261

#6F7261

Color Values

HEX

#6F7261

RGB

111, 114, 97

HSL

70.6, 8.1%, 41.4%

HSV

70.6, 14.9%, 44.7%

CMYK

2.6%, 0.0%, 14.9%, 55.3%

OKLCH

0.5444 0.0259 115.4

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#6F7261

#646172

Analogous

#726D61

#677261

#6F7261

Triadic

#6F7261

#616F72

#72616F

Split Complementary

#6F7261

#616772

#6D6172

Tetradic

#6F7261

#61726D

#646172

#726167

Color Blindness Simulation

Original

#6F7261

Protanopia

#707065

Deuteranopia

#707066

Tritanopia

#6F6869

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDED8
300
#C5C7BD
400
#A6A899
500
#868A75
600
#6B6E5E
700
#56584B
800
#43453B
900
#33342D
950
#20211C

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

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