#862C60

#862C60

Color Values

HEX

#862C60

RGB

134, 44, 96

HSL

325.3, 50.6%, 34.9%

HSV

325.3, 67.2%, 52.5%

CMYK

0.0%, 67.2%, 28.4%, 47.5%

OKLCH

0.4435 0.1354 348.4

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#862C60

#2C8652

Analogous

#7F2C86

#862C33

#862C60

Triadic

#862C60

#60862C

#2C6086

Split Complementary

#862C60

#33862C

#2C867F

Tetradic

#862C60

#867F2C

#2C8652

#2C3386

Color Blindness Simulation

Original

#862C60

Protanopia

#5F5E53

Deuteranopia

#646B50

Tritanopia

#824947

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EDC9DE
300
#E1A3C7
400
#D071A8
500
#C03F8A
600
#9A326E
700
#7B2858
800
#601F45
900
#471A34
950
#2D1121

Contrast Checker

Text on white

8.26:1

AA Pass AAA Pass

Text on black

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