#96224F

#96224F

Color Values

HEX

#96224F

RGB

150, 34, 79

HSL

336.7, 63.0%, 36.1%

HSV

336.7, 77.3%, 58.8%

CMYK

0.0%, 77.3%, 47.3%, 41.2%

OKLCH

0.4545 0.1546 2.5

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#96224F

#229669

Analogous

#962289

#962F22

#96224F

Triadic

#96224F

#4F9622

#224F96

Split Complementary

#96224F

#22962F

#228996

Tetradic

#96224F

#899622

#229669

#2F2296

Color Blindness Simulation

Original

#96224F

Protanopia

#646344

Deuteranopia

#6A7342

Tritanopia

#903C3A

Achromatopsia

#3E3E3E

CSS Usage

background-color: #96224F;
color: #96224F;
border-color: #96224F;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF3F6
100
#F7E4EB
200
#F2C5D6
300
#E89BB9
400
#DC6593
500
#D02F6E
600
#A62658
700
#851E46
800
#681837
900
#4C152A
950
#300D1B

Contrast Checker

Text on white

7.96:1

AA Pass AAA Pass

Text on black

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