#702C25

#702C25

Color Values

HEX

#702C25

RGB

112, 44, 37

HSL

5.6, 50.3%, 29.2%

HSV

5.6, 67.0%, 43.9%

CMYK

0.0%, 60.7%, 67.0%, 56.1%

OKLCH

0.3888 0.0982 28.3

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#702C25

#256970

Analogous

#702543

#705125

#702C25

Triadic

#702C25

#25702C

#2C2570

Split Complementary

#702C25

#257051

#254370

Tetradic

#702C25

#437025

#256970

#512570

Color Blindness Simulation

Original

#702C25

Protanopia

#535227

Deuteranopia

#565C27

Tritanopia

#6D2828

Achromatopsia

#3A3A3A

CSS Usage

background-color: #702C25;
color: #702C25;
border-color: #702C25;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCDC9
300
#E1A9A3
400
#D07A71
500
#C04B3F
600
#993C33
700
#7B3029
800
#602620
900
#461F1B
950
#2C1311

Contrast Checker

Text on white

10.12:1

AA Pass AAA Pass

Text on black

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