#720F67

#720F67

Color Values

HEX

#720F67

RGB

114, 15, 103

HSL

306.7, 76.7%, 25.3%

HSV

306.7, 86.8%, 44.7%

CMYK

0.0%, 86.8%, 9.6%, 55.3%

OKLCH

0.3874 0.1605 333.6

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#720F67

#0F721A

Analogous

#4C0F72

#720F35

#720F67

Triadic

#720F67

#67720F

#0F6772

Split Complementary

#720F67

#35720F

#0F724C

Tetradic

#720F67

#724C0F

#0F721A

#0F3572

Color Blindness Simulation

Original

#720F67

Protanopia

#474652

Deuteranopia

#4D544D

Tritanopia

#6D413D

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F6
200
#F7C0F1
300
#F193E6
400
#E958D9
500
#E11ECB
600
#B418A3
700
#901382
800
#710F66
900
#520F4A
950
#34092F

Contrast Checker

Text on white

10.61:1

AA Pass AAA Pass

Text on black

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