#70530F

#70530F

Color Values

HEX

#70530F

RGB

112, 83, 15

HSL

42.1, 76.4%, 24.9%

HSV

42.1, 86.6%, 43.9%

CMYK

0.0%, 25.9%, 86.6%, 56.1%

OKLCH

0.461 0.0883 83.1

Properties

Warm Dark Nearest: goldenrod 4

Color Harmonies

Complementary

#70530F

#0F2C70

Analogous

#70230F

#5C700F

#70530F

Triadic

#70530F

#0F7053

#530F70

Split Complementary

#70530F

#0F5C70

#230F70

Tetradic

#70530F

#0F7023

#0F2C70

#700F5C

Color Blindness Simulation

Original

#70530F

Protanopia

#63631F

Deuteranopia

#656723

Tritanopia

#6F2C2F

Achromatopsia

#545454

CSS Usage

background-color: #70530F;
color: #70530F;
border-color: #70530F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF9F2
100
#F9F2E2
200
#F7E6C0
300
#F1D593
400
#E9BE59
500
#E1A71E
600
#B48518
700
#906B13
800
#70530F
900
#523E0F
950
#34270A

Contrast Checker

Text on white

7.16:1

AA Pass AAA Pass

Text on black

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