#70220F

#70220F

Color Values

HEX

#70220F

RGB

112, 34, 15

HSL

11.8, 76.4%, 24.9%

HSV

11.8, 86.6%, 43.9%

CMYK

0.0%, 69.6%, 86.6%, 56.1%

OKLCH

0.3717 0.1141 34.7

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#70220F

#0F5D70

Analogous

#700F2C

#70530F

#70220F

Triadic

#70220F

#0F7022

#220F70

Split Complementary

#70220F

#0F7053

#0F2C70

Tetradic

#70220F

#2C700F

#0F5D70

#530F70

Color Blindness Simulation

Original

#70220F

Protanopia

#4E4E14

Deuteranopia

#535915

Tritanopia

#6C1718

Achromatopsia

#313131

CSS Usage

background-color: #70220F;
color: #70220F;
border-color: #70220F;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FCF4F2
100
#F9E6E2
200
#F7CBC0
300
#F1A593
400
#E97559
500
#E1441E
600
#B43718
700
#902C13
800
#70220F
900
#521C0F
950
#34120A

Contrast Checker

Text on white

10.91:1

AA Pass AAA Pass

Text on black

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