#9B685D

#9B685D

Color Values

HEX

#9B685D

RGB

155, 104, 93

HSL

10.6, 25.0%, 48.6%

HSV

10.6, 40.0%, 60.8%

CMYK

0.0%, 32.9%, 40.0%, 39.2%

OKLCH

0.5683 0.0684 32.7

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#9B685D

#5D909B

Analogous

#9B5D71

#9B875D

#9B685D

Triadic

#9B685D

#5D9B68

#685D9B

Split Complementary

#9B685D

#5D9B87

#5D719B

Tetradic

#9B685D

#719B5D

#5D909B

#875D9B

Color Blindness Simulation

Original

#9B685D

Protanopia

#858460

Deuteranopia

#888C60

Tritanopia

#986262

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E4D6D2
300
#D1B8B2
400
#B89189
500
#9F6B60
600
#80564D
700
#66443D
800
#503530
900
#3B2926
950
#251A18

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

4.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026