#720DB7

#720DB7

Color Values

HEX

#720DB7

RGB

114, 13, 183

HSL

275.6, 86.7%, 38.4%

HSV

275.6, 92.9%, 71.8%

CMYK

37.7%, 92.9%, 0.0%, 28.2%

OKLCH

0.4482 0.2267 303.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#720DB7

#52B70D

Analogous

#1D0DB7

#B70DA7

#720DB7

Triadic

#720DB7

#B7720D

#0DB772

Split Complementary

#720DB7

#A7B70D

#0DB71D

Tetradic

#720DB7

#B71D0D

#52B70D

#0DA7B7

Color Blindness Simulation

Original

#720DB7

Protanopia

#46458E

Deuteranopia

#4C5484

Tritanopia

#6D6D66

Achromatopsia

#2F2F2F

CSS Usage

background-color: #720DB7;
color: #720DB7;
border-color: #720DB7;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F2FD
100
#F0E0FA
200
#E1BCFA
300
#CC8DF7
400
#B04FF2
500
#9411EE
600
#770EBE
700
#5F0B98
800
#4A0877
900
#380B56
950
#230736

Contrast Checker

Text on white

8.55:1

AA Pass AAA Pass

Text on black

2.46:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026