#A72F64

#A72F64

Color Values

HEX

#A72F64

RGB

167, 47, 100

HSL

333.5, 56.1%, 42.0%

HSV

333.5, 71.9%, 65.5%

CMYK

0.0%, 71.9%, 40.1%, 34.5%

OKLCH

0.5029 0.1622 357.8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#A72F64

#2FA772

Analogous

#A72FA0

#A7362F

#A72F64

Triadic

#A72F64

#64A72F

#2F64A7

Split Complementary

#A72F64

#2FA736

#2FA0A7

Tetradic

#A72F64

#A0A72F

#2FA772

#362FA7

Color Blindness Simulation

Original

#A72F64

Protanopia

#737257

Deuteranopia

#7A8354

Tritanopia

#A14D4B

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5EC
200
#EFC7D9
300
#E49FBE
400
#D66C9A
500
#C73877
600
#9F2D5F
700
#7F244C
800
#641C3C
900
#49182E
950
#2E0F1D

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

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