#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026