#885F99

#885F99

Color Values

HEX

#885F99

RGB

136, 95, 153

HSL

282.4, 23.4%, 48.6%

HSV

282.4, 37.9%, 60.0%

CMYK

11.1%, 37.9%, 0.0%, 40.0%

OKLCH

0.5507 0.099 315.6

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#885F99

#70995F

Analogous

#6B5F99

#995F8D

#885F99

Triadic

#885F99

#99885F

#5F9988

Split Complementary

#885F99

#8D995F

#5F996B

Tetradic

#885F99

#996B5F

#70995F

#5F8D99

Color Blindness Simulation

Original

#885F99

Protanopia

#76768B

Deuteranopia

#797C88

Tritanopia

#86807D

Achromatopsia

#6C6C6C

CSS Usage

background-color: #885F99;
color: #885F99;
border-color: #885F99;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F6F9
100
#EFEAF1
200
#DFD3E4
300
#C8B3D0
400
#AA8BB7
500
#8C629D
600
#704E7E
700
#593F65
800
#46314F
900
#35263B
950
#211825

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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