#7C357C

#7C357C

Color Values

HEX

#7C357C

RGB

124, 53, 124

HSL

300.0, 40.1%, 34.7%

HSV

300.0, 57.3%, 48.6%

CMYK

0.0%, 57.3%, 0.0%, 51.4%

OKLCH

0.4532 0.1355 327.5

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#7C357C

#357C35

Analogous

#58357C

#7C3558

#7C357C

Triadic

#7C357C

#7C7C35

#357C7C

Split Complementary

#7C357C

#587C35

#357C58

Tetradic

#7C357C

#7C5835

#357C35

#35587C

Color Blindness Simulation

Original

#7C357C

Protanopia

#5D5D6B

Deuteranopia

#616767

Tritanopia

#785D5A

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDEA
300
#DAA9DA
400
#C67BC6
500
#B34CB3
600
#8F3D8F
700
#723172
800
#592659
900
#421F42
950
#2A142A

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

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