#720475

#720475

Color Values

HEX

#720475

RGB

114, 4, 117

HSL

298.4, 93.4%, 23.7%

HSV

298.4, 96.6%, 45.9%

CMYK

2.6%, 96.6%, 0.0%, 54.1%

OKLCH

0.3912 0.1778 327.0

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#720475

#077504

Analogous

#390475

#75043F

#720475

Triadic

#720475

#757204

#047572

Split Complementary

#720475

#3F7504

#047539

Tetradic

#720475

#753904

#077504

#043F75

Color Blindness Simulation

Original

#720475

Protanopia

#42415A

Deuteranopia

#495153

Tritanopia

#6C443F

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBAFD
300
#F889FB
400
#F449F9
500
#F008F7
600
#C007C5
700
#9A059E
800
#78047B
900
#570859
950
#370538

Contrast Checker

Text on white

10.55:1

AA Pass AAA Pass

Text on black

1.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026