#7F2473

#7F2473

Color Values

HEX

#7F2473

RGB

127, 36, 115

HSL

307.9, 55.8%, 32.0%

HSV

307.9, 71.7%, 49.8%

CMYK

0.0%, 71.7%, 9.4%, 50.2%

OKLCH

0.4327 0.1547 333.7

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#7F2473

#247F30

Analogous

#5E247F

#7F2446

#7F2473

Triadic

#7F2473

#737F24

#24737F

Split Complementary

#7F2473

#467F24

#247F5E

Tetradic

#7F2473

#7F5E24

#247F30

#24467F

Color Blindness Simulation

Original

#7F2473

Protanopia

#585760

Deuteranopia

#5D645B

Tritanopia

#7A514D

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F6E5F3
200
#EFC7EA
300
#E4A0DB
400
#D56CC7
500
#C738B4
600
#9F2D90
700
#7F2473
800
#631C5A
900
#491842
950
#2E0F2A

Contrast Checker

Text on white

8.74:1

AA Pass AAA Pass

Text on black

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