#702F25

#702F25

Color Values

HEX

#702F25

RGB

112, 47, 37

HSL

8,0, 50,3%, 29,2%

HSV

8,0, 67,0%, 43,9%

CMYK

0,0%, 58,0%, 67,0%, 56,1%

OKLCH

0,3935 0,0946 30,7

Properties

Warm Dark Nearest: RAL 8029 Pearl Copper

Color Harmonies

Complementary

#702F25

#256670

Analogous

#702540

#705425

#702F25

Triadic

#702F25

#25702F

#2F2570

Split Complementary

#702F25

#257054

#254070

Tetradic

#702F25

#407025

#256670

#542570

Color Blindness Simulation

Original

#702F25

Protanopia

#545327

Deuteranopia

#585C28

Tritanopia

#6D292A

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E6
200
#EDCEC9
300
#E1ABA3
400
#D07E71
500
#C0503F
600
#994033
700
#7B3429
800
#602820
900
#46201B
950
#2C1411

Contrast Checker

Text on white

9,9:1

AA Pass AAA Pass

Text on black

2,12:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026