#8B367C

#8B367C

Color Values

HEX

#8B367C

RGB

139, 54, 124

HSL

310.6, 44.0%, 37.8%

HSV

310.6, 61.2%, 54.5%

CMYK

0.0%, 61.2%, 10.8%, 45.5%

OKLCH

0.4763 0.144 335.1

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#8B367C

#368B45

Analogous

#6F368B

#8B3651

#8B367C

Triadic

#8B367C

#7C8B36

#367C8B

Split Complementary

#8B367C

#518B36

#368B6F

Tetradic

#8B367C

#8B6F36

#368B45

#36518B

Color Blindness Simulation

Original

#8B367C

Protanopia

#66656B

Deuteranopia

#6B7267

Tritanopia

#875E5B

Achromatopsia

#4D4D4D

CSS Usage

background-color: #8B367C;
color: #8B367C;
border-color: #8B367C;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4F9
100
#F4E6F1
200
#EBCCE5
300
#DDA7D3
400
#CA77BB
500
#B847A4
600
#933983
700
#762E69
800
#5C2452
900
#441D3D
950
#2B1226

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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