#7C4366

#7C4366

Color Values

HEX

#7C4366

RGB

124, 67, 102

HSL

323.2, 29.8%, 37.5%

HSV

323.2, 46.0%, 48.6%

CMYK

0.0%, 46.0%, 17.7%, 51.4%

OKLCH

0.4642 0.0911 343.6

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#7C4366

#437C59

Analogous

#76437C

#7C434A

#7C4366

Triadic

#7C4366

#667C43

#43667C

Split Complementary

#7C4366

#4A7C43

#437C76

Tetradic

#7C4366

#7C7643

#437C59

#434A7C

Color Blindness Simulation

Original

#7C4366

Protanopia

#63635E

Deuteranopia

#676B5B

Tritanopia

#795755

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9EE
200
#E6D1DE
300
#D4B0C6
400
#BD85A7
500
#A55A88
600
#84486D
700
#6A3957
800
#532D44
900
#3D2333
950
#271620

Contrast Checker

Text on white

7.36:1

AA Pass AAA Pass

Text on black

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