#707C63

#707C63

Color Values

HEX

#707C63

RGB

112, 124, 99

HSL

88.8, 11.2%, 43.7%

HSV

88.8, 20.2%, 48.6%

CMYK

9.7%, 0.0%, 20.2%, 51.4%

OKLCH

0.5691 0.0399 128.5

Properties

Cool Light Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#707C63

#6F637C

Analogous

#7C7B63

#637C63

#707C63

Triadic

#707C63

#63707C

#7C6370

Split Complementary

#707C63

#63637C

#7B637C

Tetradic

#707C63

#637C7B

#6F637C

#7C6363

Color Blindness Simulation

Original

#707C63

Protanopia

#757569

Deuteranopia

#74746A

Tritanopia

#716E6F

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DBDFD7
300
#C2C9BB
400
#A1AB96
500
#808E71
600
#66715B
700
#525B48
800
#404739
900
#31352C
950
#1F221C

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

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