#98677A

#98677A

Color Values

HEX

#98677A

RGB

152, 103, 122

HSL

336,7, 19,2%, 50,0%

HSV

336,7, 32,2%, 59,6%

CMYK

0,0%, 32,2%, 19,7%, 40,4%

OKLCH

0,5711 0,0678 354,5

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#98677A

#679885

Analogous

#986793

#986C67

#98677A

Triadic

#98677A

#7A9867

#677A98

Split Complementary

#98677A

#67986C

#679398

Tetradic

#98677A

#939867

#679885

#6C6798

Color Blindness Simulation

Original

#98677A

Protanopia

#838275

Deuteranopia

#868974

Tritanopia

#967271

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D4DA
300
#CEB6BF
400
#B38F9D
500
#98677A
600
#7A5262
700
#61424E
800
#4C343D
900
#39282F
950
#24191D

Contrast Checker

Text on white

4,61:1

AA Pass AAA Fail

Text on black

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