#7C397A

#7C397A

Color Values

HEX

#7C397A

RGB

124, 57, 122

HSL

301.8, 37.0%, 35.5%

HSV

301.8, 54.0%, 48.6%

CMYK

0.0%, 54.0%, 1.6%, 51.4%

OKLCH

0.4578 0.1269 328.5

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#7C397A

#397C3B

Analogous

#5D397C

#7C3959

#7C397A

Triadic

#7C397A

#7A7C39

#397A7C

Split Complementary

#7C397A

#597C39

#397C5D

Tetradic

#7C397A

#7C5D39

#397C3B

#39597C

Color Blindness Simulation

Original

#7C397A

Protanopia

#5F5E6A

Deuteranopia

#636866

Tritanopia

#795E5B

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E8F2
200
#E9CEE8
300
#D8ABD7
400
#C47EC1
500
#AF50AC
600
#8C4089
700
#70336E
800
#572856
900
#412040
950
#291428

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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