#720372

#720372

Color Values

HEX

#720372

RGB

114, 3, 114

HSL

300.0, 94.9%, 22.9%

HSV

300.0, 97.4%, 44.7%

CMYK

0.0%, 97.4%, 0.0%, 55.3%

OKLCH

0.3887 0.1762 328.3

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#720372

#037203

Analogous

#3A0372

#72033A

#720372

Triadic

#720372

#727203

#037272

Split Complementary

#720372

#3A7203

#03723A

Tetradic

#720372

#723A03

#037203

#033A72

Color Blindness Simulation

Original

#720372

Protanopia

#424157

Deuteranopia

#485151

Tritanopia

#6C423D

Achromatopsia

#232323

CSS Usage

background-color: #720372;
color: #720372;
border-color: #720372;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FEF1FE
100
#FCDFFC
200
#FDB9FD
300
#FC88FC
400
#FA47FA
500
#F807F8
600
#C705C7
700
#9F049F
800
#7C037C
900
#5A075A
950
#390439

Contrast Checker

Text on white

10.65:1

AA Pass AAA Pass

Text on black

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