#887899

#887899

Color Values

HEX

#887899

RGB

136, 120, 153

HSL

269.1, 13.9%, 53.5%

HSV

269.1, 21.6%, 60.0%

CMYK

11.1%, 21.6%, 0.0%, 40.0%

OKLCH

0.599 0.0526 306.8

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#887899

#899978

Analogous

#787899

#987899

#887899

Triadic

#887899

#998878

#789988

Split Complementary

#887899

#999878

#789978

Tetradic

#887899

#997878

#899978

#789998

Color Blindness Simulation

Original

#887899

Protanopia

#818191

Deuteranopia

#82838F

Tritanopia

#878B89

Achromatopsia

#7E7E7E

CSS Usage

background-color: #887899;
color: #887899;
border-color: #887899;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E0
300
#C2B9CA
400
#A094AE
500
#7F6E91
600
#665874
700
#51465D
800
#3F3749
900
#302A37
950
#1E1B22

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass 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