#6F8570

#6F8570

Color Values

HEX

#6F8570

RGB

111, 133, 112

HSL

122.7, 9.0%, 47.8%

HSV

122.7, 16.5%, 52.2%

CMYK

16.5%, 0.0%, 15.8%, 47.8%

OKLCH

0.593 0.0405 146.3

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#6F8570

#856F84

Analogous

#79856F

#6F857B

#6F8570

Triadic

#6F8570

#706F85

#85706F

Split Complementary

#6F8570

#7B6F85

#856F79

Tetradic

#6F8570

#6F7985

#856F84

#857B6F

Color Blindness Simulation

Original

#6F8570

Protanopia

#797975

Deuteranopia

#777676

Tritanopia

#70797A

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFD8
300
#BCC7BD
400
#98A999
500
#748B75
600
#5D6F5E
700
#4A594B
800
#3A453B
900
#2D342D
950
#1C211C

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass 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