#844C63

#844C63

Color Values

HEX

#844C63

RGB

132, 76, 99

HSL

335.4, 26.9%, 40.8%

HSV

335.4, 42.4%, 51.8%

CMYK

0.0%, 42.4%, 25.0%, 48.2%

OKLCH

0.4893 0.0812 354.4

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#844C63

#4C846D

Analogous

#844C7F

#84514C

#844C63

Triadic

#844C63

#63844C

#4C6384

Split Complementary

#844C63

#4C8451

#4C7F84

Tetradic

#844C63

#7F844C

#4C846D

#514C84

Color Blindness Simulation

Original

#844C63

Protanopia

#6C6B5D

Deuteranopia

#6F735C

Tritanopia

#815958

Achromatopsia

#5A5A5A

CSS Usage

background-color: #844C63;
color: #844C63;
border-color: #844C63;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2DA
300
#D2B1BF
400
#BA879C
500
#A25D79
600
#814B61
700
#683C4E
800
#512F3D
900
#3C252E
950
#26171D

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

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