#85486D

#85486D

Color Values

HEX

#85486D

RGB

133, 72, 109

HSL

323.6, 29.8%, 40.2%

HSV

323.6, 45.9%, 52.2%

CMYK

0.0%, 45.9%, 18.0%, 47.8%

OKLCH

0.4875 0.0959 344.0

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#85486D

#488560

Analogous

#7F4885

#85484E

#85486D

Triadic

#85486D

#6D8548

#486D85

Split Complementary

#85486D

#4E8548

#48857F

Tetradic

#85486D

#857F48

#488560

#484E85

Color Blindness Simulation

Original

#85486D

Protanopia

#6B6A64

Deuteranopia

#6E7362

Tritanopia

#825D5B

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9EE
200
#E6D1DE
300
#D4B0C6
400
#BD85A7
500
#A55A88
600
#84486C
700
#6A3957
800
#532D44
900
#3D2333
950
#271620

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

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