#885F68

#885F68

Color Values

HEX

#885F68

RGB

136, 95, 104

HSL

346.8, 17.7%, 45.3%

HSV

346.8, 30.1%, 53.3%

CMYK

0.0%, 30.1%, 23.5%, 46.7%

OKLCH

0.5313 0.0548 4.6

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#885F68

#5F887F

Analogous

#885F7D

#886B5F

#885F68

Triadic

#885F68

#68885F

#5F6888

Split Complementary

#885F68

#5F886B

#5F7D88

Tetradic

#885F68

#7D885F

#5F887F

#6B5F88

Color Blindness Simulation

Original

#885F68

Protanopia

#767666

Deuteranopia

#797C65

Tritanopia

#866464

Achromatopsia

#686868

CSS Usage

background-color: #885F68;
color: #885F68;
border-color: #885F68;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D8
300
#CDB7BC
400
#B19097
500
#966973
600
#78545C
700
#60434A
800
#4B3439
900
#38292C
950
#231A1C

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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