#7C3F63

#7C3F63

Color Values

HEX

#7C3F63

RGB

124, 63, 99

HSL

324.6, 32.6%, 36.7%

HSV

324.6, 49.2%, 48.6%

CMYK

0.0%, 49.2%, 20.2%, 51.4%

OKLCH

0.4563 0.0963 345.2

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#7C3F63

#3F7C58

Analogous

#773F7C

#7C3F45

#7C3F63

Triadic

#7C3F63

#637C3F

#3F637C

Split Complementary

#7C3F63

#457C3F

#3F7C77

Tetradic

#7C3F63

#7C773F

#3F7C58

#3F457C

Color Blindness Simulation

Original

#7C3F63

Protanopia

#62615A

Deuteranopia

#656A58

Tritanopia

#795352

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E8EE
200
#E7D0DD
300
#D6AEC5
400
#BF82A6
500
#A95687
600
#87456C
700
#6C3756
800
#552B43
900
#3F2233
950
#281620

Contrast Checker

Text on white

7.64:1

AA Pass AAA Pass

Text on black

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