#98696D

#98696D

Color Values

HEX

#98696D

RGB

152, 105, 109

HSL

354.9, 18.6%, 50.4%

HSV

354.9, 30.9%, 59.6%

CMYK

0.0%, 30.9%, 28.3%, 40.4%

OKLCH

0.5708 0.0607 13.5

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#98696D

#699894

Analogous

#986985

#987D69

#98696D

Triadic

#98696D

#6D9869

#696D98

Split Complementary

#98696D

#69987D

#698598

Tetradic

#98696D

#859869

#699894

#7D6998

Color Blindness Simulation

Original

#98696D

Protanopia

#84836C

Deuteranopia

#868A6C

Tritanopia

#966B6B

Achromatopsia

#737373

CSS Usage

background-color: #98696D;
color: #98696D;
border-color: #98696D;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D5D6
300
#CDB6B8
400
#B28F92
500
#97686C
600
#795356
700
#614245
800
#4C3436
900
#39282A
950
#24191A

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