#852257

#852257

Color Values

HEX

#852257

RGB

133, 34, 87

HSL

327,9, 59,3%, 32,7%

HSV

327,9, 74,4%, 52,2%

CMYK

0,0%, 74,4%, 34,6%, 47,8%

OKLCH

0,4275 0,1431 352,1

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#852257

#228550

Analogous

#812285

#852225

#852257

Triadic

#852257

#578522

#225785

Split Complementary

#852257

#258522

#228581

Tetradic

#852257

#858122

#228550

#222585

Color Blindness Simulation

Original

#852257

Protanopia

#5A594A

Deuteranopia

#606747

Tritanopia

#80403E

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F0C6DD
300
#E69EC4
400
#D969A5
500
#CB3485
600
#A22A6A
700
#822155
800
#661A42
900
#4A1732
950
#2F0E20

Contrast Checker

Text on white

8,88:1

AA Pass AAA Pass

Text on black

2,36:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026