#936766

#936766

Color Values

HEX

#936766

RGB

147, 103, 102

HSL

1.3, 18.1%, 48.8%

HSV

1.3, 30.6%, 57.6%

CMYK

0.0%, 29.9%, 30.6%, 42.4%

OKLCH

0.5592 0.0571 20.5

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#936766

#669293

Analogous

#93667B

#937D66

#936766

Triadic

#936766

#669367

#676693

Split Complementary

#936766

#66937D

#667B93

Tetradic

#936766

#7B9366

#669293

#7D6693

Color Blindness Simulation

Original

#936766

Protanopia

#808066

Deuteranopia

#828666

Tritanopia

#916666

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E2D5D5
300
#CDB7B7
400
#B29090
500
#976968
600
#785454
700
#604343
800
#4B3534
900
#382929
950
#241A1A

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

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