#724F2A

#724F2A

Color Values

HEX

#724F2A

RGB

114, 79, 42

HSL

30.8, 46.2%, 30.6%

HSV

30.8, 63.2%, 44.7%

CMYK

0.0%, 30.7%, 63.2%, 55.3%

OKLCH

0.4575 0.0703 66.0

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#724F2A

#2A4D72

Analogous

#722B2A

#71722A

#724F2A

Triadic

#724F2A

#2A724F

#4F2A72

Split Complementary

#724F2A

#2A7172

#2B2A72

Tetradic

#724F2A

#2A722B

#2A4D72

#722A71

Color Blindness Simulation

Original

#724F2A

Protanopia

#636333

Deuteranopia

#656835

Tritanopia

#703A3C

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDCCB
300
#DEC3A6
400
#CCA275
500
#BA8145
600
#956737
700
#77532C
800
#5D4122
900
#45311C
950
#2B1F12

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

2.87:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026