#72147B

#72147B

Color Values

HEX

#72147B

RGB

114, 20, 123

HSL

294.8, 72.0%, 28.0%

HSV

294.8, 83.7%, 48.2%

CMYK

7.3%, 83.7%, 0.0%, 51.8%

OKLCH

0.4034 0.1719 324.1

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#72147B

#1D7B14

Analogous

#3E147B

#7B1450

#72147B

Triadic

#72147B

#7B7214

#147B72

Split Complementary

#72147B

#507B14

#147B3E

Tetradic

#72147B

#7B3E14

#1D7B14

#14507B

Color Blindness Simulation

Original

#72147B

Protanopia

#494862

Deuteranopia

#4F565C

Tritanopia

#6D4E4A

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F6E2F8
200
#F1C2F5
300
#E696EE
400
#D95DE5
500
#CB24DB
600
#A31DAF
700
#82178C
800
#66126E
900
#4A1150
950
#2F0B32

Contrast Checker

Text on white

9.99:1

AA Pass AAA Pass

Text on black

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