#726552

#726552

Color Values

HEX

#726552

RGB

114, 101, 82

HSL

35.6, 16.3%, 38.4%

HSV

35.6, 28.1%, 44.7%

CMYK

0.0%, 11.4%, 28.1%, 55.3%

OKLCH

0.5137 0.0331 77.2

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#726552

#525F72

Analogous

#725552

#6F7252

#726552

Triadic

#726552

#527265

#655272

Split Complementary

#726552

#526F72

#555272

Tetradic

#726552

#527255

#525F72

#72526F

Color Blindness Simulation

Original

#726552

Protanopia

#6C6C57

Deuteranopia

#6D6E58

Tritanopia

#715A5B

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EEEB
200
#E1DCD5
300
#CCC4B8
400
#B0A491
500
#94836B
600
#776955
700
#5F5444
800
#4A4235
900
#383229
950
#231F1A

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026