#852284

#852284

Color Values

HEX

#852284

RGB

133, 34, 132

HSL

300.6, 59.3%, 32.7%

HSV

300.6, 74.4%, 52.2%

CMYK

0.0%, 74.4%, 0.8%, 47.8%

OKLCH

0.4502 0.1741 328.4

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#852284

#228523

Analogous

#542285

#852252

#852284

Triadic

#852284

#848522

#228485

Split Complementary

#852284

#528522

#228554

Tetradic

#852284

#855422

#228523

#225285

Color Blindness Simulation

Original

#852284

Protanopia

#5A596C

Deuteranopia

#606767

Tritanopia

#805A55

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F0C6F0
300
#E69EE5
400
#D969D7
500
#CB34CA
600
#A22AA1
700
#822181
800
#661A65
900
#4A174A
950
#2F0E2F

Contrast Checker

Text on white

8.21:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026