#725656

#725656

Color Values

HEX

#725656

RGB

114, 86, 86

HSL

0.0, 14.0%, 39.2%

HSV

0.0, 24.6%, 44.7%

CMYK

0.0%, 24.6%, 24.6%, 55.3%

OKLCH

0.4822 0.0373 18.5

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#725656

#567272

Analogous

#725664

#726456

#725656

Triadic

#725656

#567256

#565672

Split Complementary

#725656

#567264

#566472

Tetradic

#725656

#647256

#567272

#645672

Color Blindness Simulation

Original

#725656

Protanopia

#666656

Deuteranopia

#686A56

Tritanopia

#715656

Achromatopsia

#5C5C5C

CSS Usage

background-color: #725656;
color: #725656;
border-color: #725656;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F6F6
100
#EFEBEB
200
#E0D6D6
300
#CAB9B9
400
#AE9393
500
#916E6E
600
#745858
700
#5D4646
800
#493737
900
#372A2A
950
#221B1B

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

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