#70310F

#70310F

Color Values

HEX

#70310F

RGB

112, 49, 15

HSL

21.0, 76.4%, 24.9%

HSV

21.0, 86.6%, 43.9%

CMYK

0.0%, 56.2%, 86.6%, 56.1%

OKLCH

0.394 0.0998 45.3

Properties

Warm Dark Nearest: sienna 4

Color Harmonies

Complementary

#70310F

#0F4E70

Analogous

#700F1E

#70610F

#70310F

Triadic

#70310F

#0F7031

#310F70

Split Complementary

#70310F

#0F7061

#0F1E70

Tetradic

#70310F

#1E700F

#0F4E70

#610F70

Color Blindness Simulation

Original

#70310F

Protanopia

#555417

Deuteranopia

#585D19

Tritanopia

#6D1E1F

Achromatopsia

#3C3C3C

CSS Usage

background-color: #70310F;
color: #70310F;
border-color: #70310F;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FCF6F2
100
#F9EAE2
200
#F7D3C0
300
#F1B493
400
#E98B59
500
#E1621E
600
#B44F18
700
#903F13
800
#70310F
900
#52260F
950
#34180A

Contrast Checker

Text on white

9.84:1

AA Pass AAA Pass

Text on black

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