#885586

#885586

Color Values

HEX

#885586

RGB

136, 85, 134

HSL

302.4, 23.1%, 43.3%

HSV

302.4, 37.5%, 53.3%

CMYK

0.0%, 37.5%, 1.5%, 46.7%

OKLCH

0.5242 0.0963 328.2

Properties

Warm Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#885586

#558857

Analogous

#705588

#88556C

#885586

Triadic

#885586

#868855

#558688

Split Complementary

#885586

#6C8855

#558870

Tetradic

#885586

#887055

#558857

#556C88

Color Blindness Simulation

Original

#885586

Protanopia

#72717A

Deuteranopia

#757977

Tritanopia

#85716F

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1EAF0
200
#E4D3E3
300
#D0B4CF
400
#B68BB5
500
#9D629B
600
#7E4E7C
700
#643F63
800
#4E314D
900
#3B263A
950
#251824

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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