#720202

#720202

Color Values

HEX

#720202

RGB

114, 2, 2

HSL

0.0, 96.6%, 22.7%

HSV

0.0, 98.2%, 44.7%

CMYK

0.0%, 98.2%, 98.2%, 55.3%

OKLCH

0.348 0.1409 28.9

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#720202

#027272

Analogous

#72023A

#723A02

#720202

Triadic

#720202

#027202

#020272

Split Complementary

#720202

#02723A

#023A72

Tetradic

#720202

#3A7202

#027272

#3A0272

Color Blindness Simulation

Original

#720202

Protanopia

#414102

Deuteranopia

#485002

Tritanopia

#6C0202

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDE
200
#FEB9B9
300
#FD8787
400
#FC4646
500
#FB0404
600
#C90303
700
#A00303
800
#7D0202
900
#5B0606
950
#390404

Contrast Checker

Text on white

12.17:1

AA Pass AAA Pass

Text on black

1.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026