#B5887C

#B5887C

Color Values

HEX

#B5887C

RGB

181, 136, 124

HSL

12.6, 27.8%, 59.8%

HSV

12.6, 31.5%, 71.0%

CMYK

0.0%, 24.9%, 31.5%, 29.0%

OKLCH

0.6669 0.0583 35.4

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#B5887C

#7CA9B5

Analogous

#B57C8D

#B5A47C

#B5887C

Triadic

#B5887C

#7CB588

#887CB5

Split Complementary

#B5887C

#7CB5A4

#7C8DB5

Tetradic

#B5887C

#8DB57C

#7CA9B5

#A47CB5

Color Blindness Simulation

Original

#B5887C

Protanopia

#A2A17F

Deuteranopia

#A4A880

Tritanopia

#B38182

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E5D6D1
300
#D3B8B1
400
#BB9186
500
#A36B5C
600
#82564A
700
#68443B
800
#51352E
900
#3D2924
950
#261A17

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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