#853D78

#853D78

Color Values

HEX

#853D78

RGB

133, 61, 120

HSL

310.8, 37.1%, 38.0%

HSV

310.8, 54.1%, 52.2%

CMYK

0.0%, 54.1%, 9.8%, 47.8%

OKLCH

0.4752 0.1247 334.7

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#853D78

#3D854A

Analogous

#6E3D85

#853D54

#853D78

Triadic

#853D78

#78853D

#3D7885

Split Complementary

#853D78

#54853D

#3D856E

Tetradic

#853D78

#856E3D

#3D854A

#3D5485

Color Blindness Simulation

Original

#853D78

Protanopia

#66656A

Deuteranopia

#6A6F66

Tritanopia

#815E5C

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E9CEE4
300
#D9ABD0
400
#C47EB7
500
#AF509E
600
#8C407E
700
#703365
800
#57284F
900
#41203B
950
#291425

Contrast Checker

Text on white

7.15:1

AA Pass AAA Pass

Text on black

2.94:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026