#B18786

#B18786

Color Values

HEX

#B18786

RGB

177, 135, 134

HSL

1.4, 21.6%, 61.0%

HSV

1.4, 24.3%, 69.4%

CMYK

0.0%, 23.7%, 24.3%, 30.6%

OKLCH

0.6633 0.0517 20.1

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#B18786

#86B0B1

Analogous

#B1869B

#B19D86

#B18786

Triadic

#B18786

#86B187

#8786B1

Split Complementary

#B18786

#86B19D

#869BB1

Tetradic

#B18786

#9BB186

#86B0B1

#9D86B1

Color Blindness Simulation

Original

#B18786

Protanopia

#9F9E86

Deuteranopia

#A1A486

Tritanopia

#AF8686

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E3D4D4
300
#CFB5B5
400
#B58D8C
500
#9B6564
600
#7C5150
700
#634140
800
#4E3332
900
#3A2727
950
#251919

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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