#7C397C

#7C397C

Color Values

HEX

#7C397C

RGB

124, 57, 124

HSL

300.0, 37.0%, 35.5%

HSV

300.0, 54.0%, 48.6%

CMYK

0.0%, 54.0%, 0.0%, 51.4%

OKLCH

0.4588 0.1288 327.4

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#7C397C

#397C39

Analogous

#5B397C

#7C395B

#7C397C

Triadic

#7C397C

#7C7C39

#397C7C

Split Complementary

#7C397C

#5B7C39

#397C5B

Tetradic

#7C397C

#7C5B39

#397C39

#395B7C

Color Blindness Simulation

Original

#7C397C

Protanopia

#5F5E6C

Deuteranopia

#636868

Tritanopia

#795F5C

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E8F3
200
#E9CEE9
300
#D8ABD8
400
#C47EC4
500
#AF50AF
600
#8C408C
700
#703370
800
#572857
900
#412041
950
#291429

Contrast Checker

Text on white

7.68:1

AA Pass AAA Pass

Text on black

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