#7204C8

#7204C8

Color Values

HEX

#7204C8

RGB

114, 4, 200

HSL

273.7, 96.1%, 40.0%

HSV

273.7, 98.0%, 78.4%

CMYK

43.0%, 98.0%, 0.0%, 21.6%

OKLCH

0.4612 0.2442 299.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7204C8

#5AC804

Analogous

#1004C8

#C804BC

#7204C8

Triadic

#7204C8

#C87204

#04C872

Split Complementary

#7204C8

#BCC804

#04C810

Tetradic

#7204C8

#C81004

#5AC804

#04BCC8

Color Blindness Simulation

Original

#7204C8

Protanopia

#424199

Deuteranopia

#49518D

Tritanopia

#6C736B

Achromatopsia

#2A2A2A

CSS Usage

background-color: #7204C8;
color: #7204C8;
border-color: #7204C8;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F1FE
100
#EFDFFC
200
#E0B9FE
300
#C987FD
400
#AC46FB
500
#8F05FA
600
#7204C8
700
#5B03A0
800
#47027D
900
#36075A
950
#220439

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

2.57:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026