#863254

#863254

Color Values

HEX

#863254

RGB

134, 50, 84

HSL

335.7, 45.7%, 36.1%

HSV

335.7, 62.7%, 52.5%

CMYK

0.0%, 62.7%, 37.3%, 47.5%

OKLCH

0.4464 0.1203 358.0

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#863254

#328664

Analogous

#86327E

#863A32

#863254

Triadic

#863254

#548632

#325486

Split Complementary

#863254

#32863A

#327E86

Tetradic

#863254

#7E8632

#328664

#3A3286

Color Blindness Simulation

Original

#863254

Protanopia

#62614C

Deuteranopia

#666D4A

Tritanopia

#824544

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BC
400
#CC7698
500
#BA4574
600
#95375D
700
#772C4B
800
#5D233A
900
#441D2D
950
#2B121C

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

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