#7C187C

#7C187C

Color Values

HEX

#7C187C

RGB

124, 24, 124

HSL

300.0, 67.6%, 29.0%

HSV

300.0, 80.6%, 48.6%

CMYK

0.0%, 80.6%, 0.0%, 51.4%

OKLCH

0.423 0.1736 328.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7C187C

#187C18

Analogous

#4A187C

#7C184A

#7C187C

Triadic

#7C187C

#7C7C18

#187C7C

Split Complementary

#7C187C

#4A7C18

#187C4A

Tetradic

#7C187C

#7C4A18

#187C18

#184A7C

Color Blindness Simulation

Original

#7C187C

Protanopia

#515064

Deuteranopia

#565E5E

Tritanopia

#77514C

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C3F3
300
#EB98EB
400
#E061E0
500
#D629D6
600
#AB21AB
700
#891A89
800
#6B156B
900
#4E134E
950
#310C31

Contrast Checker

Text on white

9.22:1

AA Pass AAA Pass

Text on black

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