#720306

#720306

Color Values

HEX

#720306

RGB

114, 3, 6

HSL

358.4, 94.9%, 22.9%

HSV

358.4, 97.4%, 44.7%

CMYK

0.0%, 97.4%, 94.7%, 55.3%

OKLCH

0.3489 0.14 27.9

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#720306

#03726F

Analogous

#72033D

#723703

#720306

Triadic

#720306

#067203

#030672

Split Complementary

#720306

#037237

#033D72

Tetradic

#720306

#3D7203

#03726F

#370372

Color Blindness Simulation

Original

#720306

Protanopia

#424105

Deuteranopia

#485105

Tritanopia

#6C0505

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDFE0
200
#FDB9BB
300
#FC888B
400
#FA474C
500
#F8070D
600
#C7050A
700
#9F0408
800
#7C0306
900
#5A0709
950
#390406

Contrast Checker

Text on white

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