#996C78

#996C78

Color Values

HEX

#996C78

RGB

153, 108, 120

HSL

344.0, 18.1%, 51.2%

HSV

344.0, 29.4%, 60.0%

CMYK

0.0%, 29.4%, 21.6%, 40.0%

OKLCH

0.581 0.0595 1.6

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#996C78

#6C998D

Analogous

#996C8F

#99776C

#996C78

Triadic

#996C78

#78996C

#6C7899

Split Complementary

#996C78

#6C9977

#6C8F99

Tetradic

#996C78

#8F996C

#6C998D

#776C99

Color Blindness Simulation

Original

#996C78

Protanopia

#868575

Deuteranopia

#888C74

Tritanopia

#977372

Achromatopsia

#767676

CSS Usage

background-color: #996C78;
color: #996C78;
border-color: #996C78;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D8
300
#CDB7BD
400
#B29099
500
#976875
600
#78545D
700
#60434B
800
#4B343A
900
#38292D
950
#241A1C

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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