#852356

#852356

Color Values

HEX

#852356

RGB

133, 35, 86

HSL

328.8, 58.3%, 32.9%

HSV

328.8, 73.7%, 52.2%

CMYK

0.0%, 73.7%, 35.3%, 47.8%

OKLCH

0.428 0.1413 352.9

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#852356

#238552

Analogous

#832385

#852325

#852356

Triadic

#852356

#568523

#235685

Split Complementary

#852356

#258523

#238583

Tetradic

#852356

#858323

#238552

#232585

Color Blindness Simulation

Original

#852356

Protanopia

#5B5A4A

Deuteranopia

#606847

Tritanopia

#80403E

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C6DC
300
#E59EC3
400
#D86AA3
500
#CA3582
600
#A12B68
700
#812254
800
#651B41
900
#4A1731
950
#2F0F1F

Contrast Checker

Text on white

8.85:1

AA Pass AAA Pass

Text on black

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