#8C2F56

#8C2F56

Color Values

HEX

#8C2F56

RGB

140, 47, 86

HSL

334.8, 49.7%, 36.7%

HSV

334.8, 66.4%, 54.9%

CMYK

0.0%, 66.4%, 38.6%, 45.1%

OKLCH

0.4531 0.1316 357.8

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#8C2F56

#2F8C65

Analogous

#8C2F85

#8C372F

#8C2F56

Triadic

#8C2F56

#568C2F

#2F568C

Split Complementary

#8C2F56

#2F8C37

#2F858C

Tetradic

#8C2F56

#858C2F

#2F8C65

#372F8C

Color Blindness Simulation

Original

#8C2F56

Protanopia

#64634D

Deuteranopia

#69704A

Tritanopia

#874543

Achromatopsia

#464646

CSS Usage

background-color: #8C2F56;
color: #8C2F56;
border-color: #8C2F56;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDCAD8
300
#E0A3BD
400
#D07299
500
#BF4075
600
#99335E
700
#7A294B
800
#5F203B
900
#461B2D
950
#2C111C

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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