#B09497

#B09497

Color Values

HEX

#B09497

RGB

176, 148, 151

HSL

353.6, 15.1%, 63.5%

HSV

353.6, 15.9%, 69.0%

CMYK

0.0%, 15.9%, 14.2%, 31.0%

OKLCH

0.6927 0.0338 10.7

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#B09497

#94B0AD

Analogous

#B094A5

#B09F94

#B09497

Triadic

#B09497

#97B094

#9497B0

Split Complementary

#B09497

#94B09F

#94A5B0

Tetradic

#B09497

#A5B094

#94B0AD

#9F94B0

Color Blindness Simulation

Original

#B09497

Protanopia

#A4A496

Deuteranopia

#A6A896

Tritanopia

#AF9696

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEB
200
#E1D6D7
300
#CBB9BB
400
#AF9295
500
#936C70
600
#75575A
700
#5E4548
800
#493638
900
#372A2B
950
#231A1B

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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