#725322

#725322

Color Values

HEX

#725322

RGB

114, 83, 34

HSL

36.8, 54.1%, 29.0%

HSV

36.8, 70.2%, 44.7%

CMYK

0.0%, 27.2%, 70.2%, 55.3%

OKLCH

0.465 0.0771 76.1

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#725322

#224172

Analogous

#722B22

#697222

#725322

Triadic

#725322

#227253

#532272

Split Complementary

#725322

#226972

#2B2272

Tetradic

#725322

#22722B

#224172

#722269

Color Blindness Simulation

Original

#725322

Protanopia

#65642E

Deuteranopia

#666931

Tritanopia

#703739

Achromatopsia

#565656

CSS Usage

background-color: #725322;
color: #725322;
border-color: #725322;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EFE0C8
300
#E3C9A1
400
#D4AC6E
500
#C48F3B
600
#9D732F
700
#7E5C25
800
#62481D
900
#483619
950
#2D2210

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

2.98:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026