#736334

#736334

Color Values

HEX

#736334

RGB

115, 99, 52

HSL

44.8, 37.7%, 32.7%

HSV

44.8, 54.8%, 45.1%

CMYK

0.0%, 13.9%, 54.8%, 54.9%

OKLCH

0.5042 0.0685 91.0

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#736334

#344473

Analogous

#734334

#637334

#736334

Triadic

#736334

#347363

#633473

Split Complementary

#736334

#346373

#433473

Tetradic

#736334

#347343

#344473

#733463

Color Blindness Simulation

Original

#736334

Protanopia

#6C6C3F

Deuteranopia

#6D6E42

Tritanopia

#72484A

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F0E7
200
#E9E2CE
300
#D9CDAB
400
#C4B27D
500
#B0974F
600
#8C7940
700
#706133
800
#584C28
900
#413920
950
#292414

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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