#708366

#708366

Color Values

HEX

#708366

RGB

112, 131, 102

HSL

99.3, 12.4%, 45.7%

HSV

99.3, 22.1%, 51.4%

CMYK

14.5%, 0.0%, 22.1%, 48.6%

OKLCH

0.5864 0.0485 134.9

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#708366

#796683

Analogous

#7F8366

#66836B

#708366

Triadic

#708366

#667083

#836670

Split Complementary

#708366

#6B6683

#83667F

Tetradic

#708366

#667F83

#796683

#836B66

Color Blindness Simulation

Original

#708366

Protanopia

#78786D

Deuteranopia

#77766F

Tritanopia

#717374

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DAE0D7
300
#BFC9BA
400
#9DAC95
500
#7B8F70
600
#627359
700
#4E5C47
800
#3D4838
900
#2F362B
950
#1E221B

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.13:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026