#708165

#708165

Color Values

HEX

#708165

RGB

112, 129, 101

HSL

96.4, 12.2%, 45.1%

HSV

96.4, 21.7%, 50.6%

CMYK

13.2%, 0.0%, 21.7%, 49.4%

OKLCH

0.5814 0.0462 133.2

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#708165

#766581

Analogous

#7E8165

#658168

#708165

Triadic

#708165

#657081

#816570

Split Complementary

#708165

#686581

#81657E

Tetradic

#708165

#657E81

#766581

#816865

Color Blindness Simulation

Original

#708165

Protanopia

#77786C

Deuteranopia

#76756D

Tritanopia

#717172

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DAE0D7
300
#C0C9BA
400
#9EAC95
500
#7C8F70
600
#63725A
700
#4F5C48
800
#3E4838
900
#2F362B
950
#1E221B

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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