#70430F

#70430F

Color Values

HEX

#70430F

RGB

112, 67, 15

HSL

32.2, 76.4%, 24.9%

HSV

32.2, 86.6%, 43.9%

CMYK

0.0%, 40.2%, 86.6%, 56.1%

OKLCH

0.4272 0.0884 64.0

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#70430F

#0F3C70

Analogous

#70130F

#6C700F

#70430F

Triadic

#70430F

#0F7043

#430F70

Split Complementary

#70430F

#0F6C70

#130F70

Tetradic

#70430F

#0F7013

#0F3C70

#700F6C

Color Blindness Simulation

Original

#70430F

Protanopia

#5D5C1C

Deuteranopia

#5F621F

Tritanopia

#6E2628

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE2
200
#F7DDC0
300
#F1C593
400
#E9A659
500
#E1871E
600
#B46C18
700
#905613
800
#70430F
900
#52330F
950
#34200A

Contrast Checker

Text on white

8.4:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026