#701022

#701022

Color Values

HEX

#701022

RGB

112, 16, 34

HSL

348.8, 75.0%, 25.1%

HSV

348.8, 85.7%, 43.9%

CMYK

0.0%, 85.7%, 69.6%, 56.1%

OKLCH

0.3562 0.1282 17.4

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#701022

#10705E

Analogous

#701052

#702E10

#701022

Triadic

#701022

#227010

#102270

Split Complementary

#701022

#10702E

#105270

Tetradic

#701022

#527010

#10705E

#2E1070

Color Blindness Simulation

Original

#701022

Protanopia

#46461E

Deuteranopia

#4C531D

Tritanopia

#6B1A19

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FCF2F4
100
#F9E2E6
200
#F6C1CB
300
#F094A5
400
#E75A74
500
#DF2044
600
#B31936
700
#8F142B
800
#701022
900
#51101C
950
#330A12

Contrast Checker

Text on white

11.76:1

AA Pass AAA Pass

Text on black

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