#98677C

#98677C

Color Values

HEX

#98677C

RGB

152, 103, 124

HSL

334,3, 19,2%, 50,0%

HSV

334,3, 32,2%, 59,6%

CMYK

0,0%, 32,2%, 18,4%, 40,4%

OKLCH

0,5718 0,0689 352,1

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#98677C

#679883

Analogous

#986794

#986B67

#98677C

Triadic

#98677C

#7C9867

#677C98

Split Complementary

#98677C

#67986B

#679498

Tetradic

#98677C

#949867

#679883

#6B6798

Color Blindness Simulation

Original

#98677C

Protanopia

#838277

Deuteranopia

#868976

Tritanopia

#967372

Achromatopsia

#737373

CSS Usage

background-color: #98677C;
color: #98677C;
border-color: #98677C;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D4DA
300
#CEB6C0
400
#B38F9E
500
#98677C
600
#7A5263
700
#61424F
800
#4C343E
900
#39282F
950
#24191E

Contrast Checker

Text on white

4,6:1

AA Pass AAA Fail

Text on black

4,57:1

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