#7C2D50

#7C2D50

Color Values

HEX

#7C2D50

RGB

124, 45, 80

HSL

333.4, 46.7%, 33.1%

HSV

333.4, 63.7%, 48.6%

CMYK

0.0%, 63.7%, 35.5%, 51.4%

OKLCH

0.4222 0.116 355.7

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#7C2D50

#2D7C59

Analogous

#7C2D77

#7C312D

#7C2D50

Triadic

#7C2D50

#507C2D

#2D507C

Split Complementary

#7C2D50

#2D7C31

#2D777C

Tetradic

#7C2D50

#777C2D

#2D7C59

#312D7C

Color Blindness Simulation

Original

#7C2D50

Protanopia

#5A5948

Deuteranopia

#5E6446

Tritanopia

#78413F

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD9
300
#DEA5BF
400
#CD759C
500
#BB4479
600
#963661
700
#782B4D
800
#5E223C
900
#451C2E
950
#2B121D

Contrast Checker

Text on white

8.94:1

AA Pass AAA Pass

Text on black

2.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026