#7C1375

#7C1375

Color Values

HEX

#7C1375

RGB

124, 19, 117

HSL

304.0, 73.4%, 28.0%

HSV

304.0, 84.7%, 48.6%

CMYK

0.0%, 84.7%, 5.6%, 51.4%

OKLCH

0.4153 0.1726 331.3

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7C1375

#137C1A

Analogous

#4E137C

#7C1340

#7C1375

Triadic

#7C1375

#757C13

#13757C

Split Complementary

#7C1375

#407C13

#137C4E

Tetradic

#7C1375

#7C4E13

#137C1A

#13407C

Color Blindness Simulation

Original

#7C1375

Protanopia

#4F4E5D

Deuteranopia

#555C58

Tritanopia

#774B46

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F7
200
#F6C1F2
300
#EF95E9
400
#E65BDD
500
#DD22D1
600
#B11BA7
700
#8D1686
800
#6F1168
900
#50104C
950
#330A30

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026