#860347

#860347

Color Values

HEX

#860347

RGB

134, 3, 71

HSL

328.9, 95.6%, 26.9%

HSV

328.9, 97.8%, 52.5%

CMYK

0.0%, 97.8%, 47.0%, 47.5%

OKLCH

0.4038 0.162 358.8

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#860347

#038642

Analogous

#840386

#860305

#860347

Triadic

#860347

#478603

#034786

Split Complementary

#860347

#058603

#038684

Tetradic

#860347

#868403

#038642

#030586

Color Blindness Simulation

Original

#860347

Protanopia

#4D4C37

Deuteranopia

#555F33

Tritanopia

#7F2A27

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FDB9DD
300
#FC87C4
400
#FB46A4
500
#F90684
600
#C8046A
700
#A00454
800
#7D0342
900
#5A0732
950
#390420

Contrast Checker

Text on white

9.92:1

AA Pass AAA Pass

Text on black

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