#7C2556

#7C2556

Color Values

HEX

#7C2556

RGB

124, 37, 86

HSL

326.2, 54.0%, 31.6%

HSV

326.2, 70.2%, 48.6%

CMYK

0.0%, 70.2%, 30.6%, 51.4%

OKLCH

0.4148 0.131 349.6

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#7C2556

#257C4B

Analogous

#77257C

#7C252B

#7C2556

Triadic

#7C2556

#567C25

#25567C

Split Complementary

#7C2556

#2B7C25

#257C77

Tetradic

#7C2556

#7C7725

#257C4B

#252B7C

Color Blindness Simulation

Original

#7C2556

Protanopia

#56564A

Deuteranopia

#5B6247

Tritanopia

#78413F

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EFC8DE
300
#E3A1C6
400
#D46EA7
500
#C43B88
600
#9D2F6D
700
#7E2657
800
#621D44
900
#481933
950
#2D1020

Contrast Checker

Text on white

9.31:1

AA Pass AAA Pass

Text on black

2.26:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026