#726653

#726653

Color Values

HEX

#726653

RGB

114, 102, 83

HSL

36.8, 15.7%, 38.6%

HSV

36.8, 27.2%, 44.7%

CMYK

0.0%, 10.5%, 27.2%, 55.3%

OKLCH

0.5162 0.0325 79.2

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#726653

#535F72

Analogous

#725653

#6E7253

#726653

Triadic

#726653

#537266

#665372

Split Complementary

#726653

#536E72

#565372

Tetradic

#726653

#537256

#535F72

#72536E

Color Blindness Simulation

Original

#726653

Protanopia

#6D6D58

Deuteranopia

#6E6E59

Tritanopia

#715B5C

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EEEB
200
#E1DDD6
300
#CBC4B8
400
#AFA492
500
#94846B
600
#766A56
700
#5E5545
800
#4A4236
900
#37322A
950
#23201A

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

3.74:1

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