#702C1F

#702C1F

Color Values

HEX

#702C1F

RGB

112, 44, 31

HSL

9.6, 56.6%, 28.0%

HSV

9.6, 72.3%, 43.9%

CMYK

0.0%, 60.7%, 72.3%, 56.1%

OKLCH

0.3878 0.0997 32.6

Properties

Warm Dark Nearest: RAL 8029 Pearl Copper

Color Harmonies

Complementary

#702C1F

#1F6370

Analogous

#701F3A

#70541F

#702C1F

Triadic

#702C1F

#1F702C

#2C1F70

Split Complementary

#702C1F

#1F7054

#1F3A70

Tetradic

#702C1F

#3A701F

#1F6370

#541F70

Color Blindness Simulation

Original

#702C1F

Protanopia

#535222

Deuteranopia

#565C23

Tritanopia

#6D2525

Achromatopsia

#3A3A3A

CSS Usage

background-color: #702C1F;
color: #702C1F;
border-color: #702C1F;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FBF5F4
100
#F6E7E5
200
#F0CEC7
300
#E4AA9F
400
#D67C6B
500
#C84E37
600
#A03F2C
700
#803223
800
#64271C
900
#492018
950
#2E140F

Contrast Checker

Text on white

10.15:1

AA Pass AAA Pass

Text on black

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