#707D6C

#707D6C

Color Values

HEX

#707D6C

RGB

112, 125, 108

HSL

105.9, 7.3%, 45.7%

HSV

105.9, 13.6%, 49.0%

CMYK

10.4%, 0.0%, 13.6%, 51.0%

OKLCH

0.5738 0.0299 138.3

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#707D6C

#796C7D

Analogous

#797D6C

#6C7D71

#707D6C

Triadic

#707D6C

#6C707D

#7D6C70

Split Complementary

#707D6C

#716C7D

#7D6C79

Tetradic

#707D6C

#6C797D

#796C7D

#7D716C

Color Blindness Simulation

Original

#707D6C

Protanopia

#767670

Deuteranopia

#757471

Tritanopia

#717374

Achromatopsia

#797979

CSS Usage

background-color: #707D6C;
color: #707D6C;
border-color: #707D6C;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DADED9
300
#BFC6BD
400
#9DA89A
500
#7B8976
600
#626D5F
700
#4E584C
800
#3D443B
900
#2F342D
950
#1E211D

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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