#95686B

#95686B

Color Values

HEX

#95686B

RGB

149, 104, 107

HSL

356.0, 17.8%, 49.6%

HSV

356.0, 30.2%, 58.4%

CMYK

0.0%, 30.2%, 28.2%, 41.6%

OKLCH

0.5648 0.0581 14.7

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#95686B

#689592

Analogous

#956881

#957B68

#95686B

Triadic

#95686B

#6B9568

#686B95

Split Complementary

#95686B

#68957B

#688195

Tetradic

#95686B

#819568

#689592

#7B6895

Color Blindness Simulation

Original

#95686B

Protanopia

#82816A

Deuteranopia

#84886A

Tritanopia

#936A6A

Achromatopsia

#727272

CSS Usage

background-color: #95686B;
color: #95686B;
border-color: #95686B;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D5D6
300
#CDB7B8
400
#B19092
500
#96696C
600
#785456
700
#604345
800
#4B3436
900
#38292A
950
#241A1A

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

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