#8C2F5B

#8C2F5B

Color Values

HEX

#8C2F5B

RGB

140, 47, 91

HSL

331.6, 49.7%, 36.7%

HSV

331.6, 66.4%, 54.9%

CMYK

0.0%, 66.4%, 35.0%, 45.1%

OKLCH

0.4549 0.1338 354.5

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#8C2F5B

#2F8C60

Analogous

#8C2F8A

#8C322F

#8C2F5B

Triadic

#8C2F5B

#5B8C2F

#2F5B8C

Split Complementary

#8C2F5B

#2F8C32

#2F8A8C

Tetradic

#8C2F5B

#8A8C2F

#2F8C60

#322F8C

Color Blindness Simulation

Original

#8C2F5B

Protanopia

#646350

Deuteranopia

#69704E

Tritanopia

#874846

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADA
300
#E0A3C0
400
#D0729E
500
#BF407C
600
#993363
700
#7A294F
800
#5F203E
900
#461B2F
950
#2C111E

Contrast Checker

Text on white

7.86:1

AA Pass AAA Pass

Text on black

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