#7C046F

#7C046F

Color Values

HEX

#7C046F

RGB

124, 4, 111

HSL

306.5, 93.8%, 25.1%

HSV

306.5, 96.8%, 48.6%

CMYK

0.0%, 96.8%, 10.5%, 51.4%

OKLCH

0.4047 0.1778 334.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7C046F

#047C11

Analogous

#4D047C

#7C0433

#7C046F

Triadic

#7C046F

#6F7C04

#046F7C

Split Complementary

#7C046F

#337C04

#047C4D

Tetradic

#7C046F

#7C4D04

#047C11

#04337C

Color Blindness Simulation

Original

#7C046F

Protanopia

#484755

Deuteranopia

#4F584F

Tritanopia

#76413C

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FDBAF6
300
#FB88EF
400
#F948E6
500
#F708DD
600
#C606B1
700
#9E058E
800
#7C046F
900
#590850
950
#380533

Contrast Checker

Text on white

9.98:1

AA Pass AAA Pass

Text on black

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