#7C2155

#7C2155

Color Values

HEX

#7C2155

RGB

124, 33, 85

HSL

325.7, 58.0%, 30.8%

HSV

325.7, 73.4%, 48.6%

CMYK

0.0%, 73.4%, 31.5%, 51.4%

OKLCH

0.4101 0.1358 349.6

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#7C2155

#217C48

Analogous

#76217C

#7C2128

#7C2155

Triadic

#7C2155

#557C21

#21557C

Split Complementary

#7C2155

#287C21

#217C76

Tetradic

#7C2155

#7C7621

#217C48

#21287C

Color Blindness Simulation

Original

#7C2155

Protanopia

#555448

Deuteranopia

#5A6145

Tritanopia

#773E3C

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C7DE
300
#E59EC7
400
#D76AA8
500
#C9368A
600
#A12B6E
700
#812258
800
#651B45
900
#4A1734
950
#2F0F21

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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