#7C415B

#7C415B

Color Values

HEX

#7C415B

RGB

124, 65, 91

HSL

333.6, 31.2%, 37.1%

HSV

333.6, 47.6%, 48.6%

CMYK

0.0%, 47.6%, 26.6%, 51.4%

OKLCH

0.4566 0.0876 353.3

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#7C415B

#417C62

Analogous

#7C4179

#7C4541

#7C415B

Triadic

#7C415B

#5B7C41

#415B7C

Split Complementary

#7C415B

#417C45

#41797C

Tetradic

#7C415B

#797C41

#417C62

#45417C

Color Blindness Simulation

Original

#7C415B

Protanopia

#626255

Deuteranopia

#666A53

Tritanopia

#79504F

Achromatopsia

#4F4F4F

CSS Usage

background-color: #7C415B;
color: #7C415B;
border-color: #7C415B;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F7
100
#F2E8ED
200
#E6D0DA
300
#D5AFC0
400
#BE839D
500
#A7587B
600
#864662
700
#6B384F
800
#542C3D
900
#3E232F
950
#27161E

Contrast Checker

Text on white

7.6:1

AA Pass AAA Pass

Text on black

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