#B48277

#B48277

Color Values

HEX

#B48277

RGB

180, 130, 119

HSL

10.8, 28.9%, 58.6%

HSV

10.8, 33.9%, 70.6%

CMYK

0.0%, 27.8%, 33.9%, 29.4%

OKLCH

0.6531 0.0645 32.8

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#B48277

#77A9B4

Analogous

#B4778A

#B4A077

#B48277

Triadic

#B48277

#77B482

#8277B4

Split Complementary

#B48277

#77B4A0

#778AB4

Tetradic

#B48277

#8AB477

#77A9B4

#A077B4

Color Blindness Simulation

Original

#B48277

Protanopia

#9E9E7A

Deuteranopia

#A1A57A

Tritanopia

#B27C7C

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EAE9
200
#E6D5D1
300
#D3B6B0
400
#BC8F85
500
#A4685B
600
#835349
700
#69433A
800
#52342D
900
#3D2824
950
#271A17

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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