#7C3052

#7C3052

Color Values

HEX

#7C3052

RGB

124, 48, 82

HSL

333.2, 44.2%, 33.7%

HSV

333.2, 61.3%, 48.6%

CMYK

0.0%, 61.3%, 33.9%, 51.4%

OKLCH

0.427 0.1122 355.0

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#7C3052

#307C5A

Analogous

#7C3078

#7C3430

#7C3052

Triadic

#7C3052

#527C30

#30527C

Split Complementary

#7C3052

#307C34

#30787C

Tetradic

#7C3052

#787C30

#307C5A

#34307C

Color Blindness Simulation

Original

#7C3052

Protanopia

#5B5A4A

Deuteranopia

#606548

Tritanopia

#784342

Achromatopsia

#434343

CSS Usage

background-color: #7C3052;
color: #7C3052;
border-color: #7C3052;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EBCCDA
300
#DDA7BF
400
#CA779C
500
#B84779
600
#933961
700
#762E4E
800
#5C243D
900
#441D2E
950
#2B121D

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

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