#852C80

#852C80

Color Values

HEX

#852C80

RGB

133, 44, 128

HSL

303.4, 50.3%, 34.7%

HSV

303.4, 66.9%, 52.2%

CMYK

0.0%, 66.9%, 3.8%, 47.8%

OKLCH

0.4576 0.1582 330.1

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#852C80

#2C8531

Analogous

#5E2C85

#852C53

#852C80

Triadic

#852C80

#80852C

#2C8085

Split Complementary

#852C80

#53852C

#2C855E

Tetradic

#852C80

#855E2C

#2C8531

#2C5385

Color Blindness Simulation

Original

#852C80

Protanopia

#5E5E6C

Deuteranopia

#646A67

Tritanopia

#815C58

Achromatopsia

#454545

CSS Usage

background-color: #852C80;
color: #852C80;
border-color: #852C80;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF4FA
100
#F5E6F4
200
#EDC9EB
300
#E1A3DD
400
#D071CB
500
#C03FB8
600
#993393
700
#7B2976
800
#60205C
900
#461B44
950
#2C112B

Contrast Checker

Text on white

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