#720166

#720166

Color Values

HEX

#720166

RGB

114, 1, 102

HSL

306.4, 98.3%, 22.5%

HSV

306.4, 99.1%, 44.7%

CMYK

0.0%, 99.1%, 10.5%, 55.3%

OKLCH

0.38 0.169 334.0

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#720166

#01720D

Analogous

#450172

#72012D

#720166

Triadic

#720166

#667201

#016672

Split Complementary

#720166

#2D7201

#017245

Tetradic

#720166

#724501

#01720D

#012D72

Color Blindness Simulation

Original

#720166

Protanopia

#41404E

Deuteranopia

#485048

Tritanopia

#6C3A36

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF9
200
#FEB8F7
300
#FE86F1
400
#FD44EA
500
#FD02E2
600
#CA02B5
700
#A20191
800
#7E0171
900
#5B0652
950
#3A0434

Contrast Checker

Text on white

10.99:1

AA Pass AAA Pass

Text on black

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