#702C0F

#702C0F

Color Values

HEX

#702C0F

RGB

112, 44, 15

HSL

17.9, 76.4%, 24.9%

HSV

17.9, 86.6%, 43.9%

CMYK

0.0%, 60.7%, 86.6%, 56.1%

OKLCH

0.3859 0.1044 41.2

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#702C0F

#0F5370

Analogous

#700F23

#705C0F

#702C0F

Triadic

#702C0F

#0F702C

#2C0F70

Split Complementary

#702C0F

#0F705C

#0F2370

Tetradic

#702C0F

#23700F

#0F5370

#5C0F70

Color Blindness Simulation

Original

#702C0F

Protanopia

#535216

Deuteranopia

#565C18

Tritanopia

#6D1C1D

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FCF5F2
100
#F9E8E2
200
#F7D0C0
300
#F1AF93
400
#E98459
500
#E1581E
600
#B44718
700
#903813
800
#702C0F
900
#52230F
950
#34160A

Contrast Checker

Text on white

10.21:1

AA Pass AAA Pass

Text on black

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