#7C0372

#7C0372

Color Values

HEX

#7C0372

RGB

124, 3, 114

HSL

305.0, 95.3%, 24.9%

HSV

305.0, 97.6%, 48.6%

CMYK

0.0%, 97.6%, 8.1%, 51.4%

OKLCH

0.4061 0.1804 332.7

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7C0372

#037C0D

Analogous

#4A037C

#7C0335

#7C0372

Triadic

#7C0372

#727C03

#03727C

Split Complementary

#7C0372

#357C03

#037C4A

Tetradic

#7C0372

#7C4A03

#037C0D

#03357C

Color Blindness Simulation

Original

#7C0372

Protanopia

#484757

Deuteranopia

#4F5851

Tritanopia

#76423D

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFF9
200
#FDB9F8
300
#FC87F2
400
#FB47EC
500
#F906E5
600
#C705B7
700
#9F0492
800
#7D0372
900
#5A0753
950
#390434

Contrast Checker

Text on white

9.94:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026