#95686C

#95686C

Color Values

HEX

#95686C

RGB

149, 104, 108

HSL

354.7, 17.8%, 49.6%

HSV

354.7, 30.2%, 58.4%

CMYK

0.0%, 30.2%, 27.5%, 41.6%

OKLCH

0.5651 0.0582 13.2

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#95686C

#689591

Analogous

#956882

#957B68

#95686C

Triadic

#95686C

#6C9568

#686C95

Split Complementary

#95686C

#68957B

#688295

Tetradic

#95686C

#829568

#689591

#7B6895

Color Blindness Simulation

Original

#95686C

Protanopia

#82816B

Deuteranopia

#84886B

Tritanopia

#936A6A

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D5D6
300
#CDB7B9
400
#B19093
500
#96696D
600
#785457
700
#604346
800
#4B3436
900
#38292A
950
#241A1B

Contrast Checker

Text on white

4.69: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