#706333

#706333

Color Values

HEX

#706333

RGB

112, 99, 51

HSL

47.2, 37.4%, 32.0%

HSV

47.2, 54.5%, 43.9%

CMYK

0.0%, 11.6%, 54.5%, 56.1%

OKLCH

0.5009 0.0688 94.6

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#706333

#334070

Analogous

#704533

#5F7033

#706333

Triadic

#706333

#337063

#633370

Split Complementary

#706333

#335F70

#453370

Tetradic

#706333

#337045

#334070

#70335F

Color Blindness Simulation

Original

#706333

Protanopia

#6A6A3F

Deuteranopia

#6B6C41

Tritanopia

#6F484A

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F0E7
200
#E9E3CE
300
#D9CFAB
400
#C4B57D
500
#AF9B50
600
#8C7C40
700
#706333
800
#584D28
900
#413A20
950
#292514

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

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