#72174A

#72174A

Color Values

HEX

#72174A

RGB

114, 23, 74

HSL

326.4, 66.4%, 26.9%

HSV

326.4, 79.8%, 44.7%

CMYK

0.0%, 79.8%, 35.1%, 55.3%

OKLCH

0.3782 0.1338 351.3

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#72174A

#17723F

Analogous

#6D1772

#72171D

#72174A

Triadic

#72174A

#4A7217

#174A72

Split Complementary

#72174A

#1D7217

#17726D

Tetradic

#72174A

#726D17

#17723F

#171D72

Color Blindness Simulation

Original

#72174A

Protanopia

#4B4A3E

Deuteranopia

#50573B

Tritanopia

#6D3432

Achromatopsia

#2E2E2E

CSS Usage

background-color: #72174A;
color: #72174A;
border-color: #72174A;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F3C4DE
300
#EA99C7
400
#DF62A8
500
#D42B8A
600
#AA226E
700
#881B58
800
#6A1545
900
#4D1334
950
#310C21

Contrast Checker

Text on white

10.84:1

AA Pass AAA Pass

Text on black

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