#76224F

#76224F

Color Values

HEX

#76224F

RGB

118, 34, 79

HSL

327.9, 55.3%, 29.8%

HSV

327.9, 71.2%, 46.3%

CMYK

0.0%, 71.2%, 33.1%, 53.7%

OKLCH

0.3983 0.126 351.3

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#76224F

#227649

Analogous

#732276

#762225

#76224F

Triadic

#76224F

#4F7622

#224F76

Split Complementary

#76224F

#257622

#227673

Tetradic

#76224F

#767322

#227649

#222576

Color Blindness Simulation

Original

#76224F

Protanopia

#525144

Deuteranopia

#565D42

Tritanopia

#723C3A

Achromatopsia

#373737

CSS Usage

background-color: #76224F;
color: #76224F;
border-color: #76224F;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F8
100
#F6E5EE
200
#EFC8DD
300
#E4A0C4
400
#D56CA4
500
#C63984
600
#9E2E6A
700
#7F2455
800
#631C42
900
#491832
950
#2E0F20

Contrast Checker

Text on white

9.94:1

AA Pass AAA Pass

Text on black

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