#98677E

#98677E

Color Values

HEX

#98677E

RGB

152, 103, 126

HSL

331,8, 19,2%, 50,0%

HSV

331,8, 32,2%, 59,6%

CMYK

0,0%, 32,2%, 17,1%, 40,4%

OKLCH

0,5724 0,0701 349,8

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#98677E

#679881

Analogous

#986797

#986867

#98677E

Triadic

#98677E

#7E9867

#677E98

Split Complementary

#98677E

#679868

#679798

Tetradic

#98677E

#979867

#679881

#686798

Color Blindness Simulation

Original

#98677E

Protanopia

#838278

Deuteranopia

#868977

Tritanopia

#967473

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D4DB
300
#CEB6C1
400
#B38FA0
500
#98677E
600
#7A5265
700
#614251
800
#4C343F
900
#392830
950
#24191E

Contrast Checker

Text on white

4,59:1

AA Pass AAA Fail

Text on black

4,58: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