#B09396

#B09396

Color Values

HEX

#B09396

RGB

176, 147, 150

HSL

353.8, 15.5%, 63.3%

HSV

353.8, 16.5%, 69.0%

CMYK

0.0%, 16.5%, 14.8%, 31.0%

OKLCH

0.6904 0.035 11.0

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#B09396

#93B0AD

Analogous

#B093A4

#B09E93

#B09396

Triadic

#B09396

#96B093

#9396B0

Split Complementary

#B09396

#93B09E

#93A4B0

Tetradic

#B09396

#A4B093

#93B0AD

#9E93B0

Color Blindness Simulation

Original

#B09396

Protanopia

#A3A395

Deuteranopia

#A5A795

Tritanopia

#AF9595

Achromatopsia

#999999

CSS Usage

background-color: #B09396;
color: #B09396;
border-color: #B09396;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F6F7
100
#F0EBEB
200
#E1D6D7
300
#CBB8BA
400
#AF9295
500
#936C70
600
#765659
700
#5E4548
800
#4A3638
900
#372A2B
950
#231A1B

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

7.46:1

AA Pass AAA Pass

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