#7C2456

#7C2456

Color Values

HEX

#7C2456

RGB

124, 36, 86

HSL

325.9, 55.0%, 31.4%

HSV

325.9, 71.0%, 48.6%

CMYK

0.0%, 71.0%, 30.6%, 51.4%

OKLCH

0.4137 0.1324 349.4

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#7C2456

#247C4A

Analogous

#76247C

#7C242A

#7C2456

Triadic

#7C2456

#567C24

#24567C

Split Complementary

#7C2456

#2A7C24

#247C76

Tetradic

#7C2456

#7C7624

#247C4A

#242A7C

Color Blindness Simulation

Original

#7C2456

Protanopia

#56554A

Deuteranopia

#5B6247

Tritanopia

#78403E

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EFC8DE
300
#E3A0C6
400
#D56DA8
500
#C63989
600
#9E2E6E
700
#7E2558
800
#631D45
900
#481834
950
#2E0F21

Contrast Checker

Text on white

9.36:1

AA Pass AAA Pass

Text on black

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