#721670

#721670

Color Values

HEX

#721670

RGB

114, 22, 112

HSL

301.3, 67.6%, 26.7%

HSV

301.3, 80.7%, 44.7%

CMYK

0.0%, 80.7%, 1.8%, 55.3%

OKLCH

0.3975 0.1611 329.1

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#721670

#167218

Analogous

#461672

#721642

#721670

Triadic

#721670

#707216

#167072

Split Complementary

#721670

#427216

#167246

Tetradic

#721670

#724616

#167218

#164272

Color Blindness Simulation

Original

#721670

Protanopia

#4A495A

Deuteranopia

#505655

Tritanopia

#6D4945

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C3F2
300
#EB98E9
400
#E061DE
500
#D629D2
600
#AB21A8
700
#891A86
800
#6B1569
900
#4E134D
950
#310C30

Contrast Checker

Text on white

10.17:1

AA Pass AAA Pass

Text on black

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