#853559

#853559

Color Values

HEX

#853559

RGB

133, 53, 89

HSL

333.0, 43.0%, 36.5%

HSV

333.0, 60.2%, 52.2%

CMYK

0.0%, 60.2%, 33.1%, 47.8%

OKLCH

0.4507 0.1169 354.7

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#853559

#358561

Analogous

#853581

#853935

#853559

Triadic

#853559

#598535

#355985

Split Complementary

#853559

#358539

#358185

Tetradic

#853559

#818535

#358561

#393585

Color Blindness Simulation

Original

#853559

Protanopia

#626250

Deuteranopia

#676D4E

Tritanopia

#814948

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F4E7EC
200
#EBCCDA
300
#DCA7BF
400
#C9789D
500
#B6497A
600
#923A62
700
#752F4E
800
#5B243D
900
#431E2F
950
#2A131D

Contrast Checker

Text on white

7.92:1

AA Pass AAA Pass

Text on black

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