#705C0F

#705C0F

Color Values

HEX

#705C0F

RGB

112, 92, 15

HSL

47.6, 76.4%, 24.9%

HSV

47.6, 86.6%, 43.9%

CMYK

0.0%, 17.9%, 86.6%, 56.1%

OKLCH

0.4812 0.0927 93.0

Properties

Warm Dark Nearest: goldenrod 4

Color Harmonies

Complementary

#705C0F

#0F2370

Analogous

#702B0F

#54700F

#705C0F

Triadic

#705C0F

#0F705C

#5C0F70

Split Complementary

#705C0F

#0F5470

#2B0F70

Tetradic

#705C0F

#0F702B

#0F2370

#700F54

Color Blindness Simulation

Original

#705C0F

Protanopia

#676722

Deuteranopia

#686A26

Tritanopia

#6F3034

Achromatopsia

#5B5B5B

CSS Usage

background-color: #705C0F;
color: #705C0F;
border-color: #705C0F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCFAF2
100
#F9F4E2
200
#F7EBC0
300
#F1DD93
400
#E9CB59
500
#E1B91E
600
#B49418
700
#907613
800
#705C0F
900
#52440F
950
#342B0A

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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