#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026