#9B6552

#9B6552

Color Values

HEX

#9B6552

RGB

155, 101, 82

HSL

15.6, 30.8%, 46.5%

HSV

15.6, 47.1%, 60.8%

CMYK

0.0%, 34.8%, 47.1%, 39.2%

OKLCH

0.5601 0.076 40.2

Properties

Warm Dark Nearest: Sepia

Color Harmonies

Complementary

#9B6552

#52889B

Analogous

#9B5264

#9B8A52

#9B6552

Triadic

#9B6552

#529B65

#65529B

Split Complementary

#9B6552

#529B8A

#52649B

Tetradic

#9B6552

#649B52

#52889B

#8A529B

Color Blindness Simulation

Original

#9B6552

Protanopia

#848357

Deuteranopia

#878B58

Tritanopia

#985A5B

Achromatopsia

#6F6F6F

CSS Usage

background-color: #9B6552;
color: #9B6552;
border-color: #9B6552;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F6F5
100
#F2EBE8
200
#E6D6D0
300
#D5B9AF
400
#BE9384
500
#A76D58
600
#855747
700
#6B4638
800
#53362C
900
#3E2A23
950
#271B16

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.38:1

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