#B4786F

#B4786F

Color Values

HEX

#B4786F

RGB

180, 120, 111

HSL

7.8, 31.5%, 57.1%

HSV

7.8, 38.3%, 70.6%

CMYK

0.0%, 33.3%, 38.3%, 29.4%

OKLCH

0.6324 0.0772 28.8

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#B4786F

#6FABB4

Analogous

#B46F89

#B49B6F

#B4786F

Triadic

#B4786F

#6FB478

#786FB4

Split Complementary

#B4786F

#6FB49B

#6F89B4

Tetradic

#B4786F

#89B46F

#6FABB4

#9B6FB4

Color Blindness Simulation

Original

#B4786F

Protanopia

#9A9971

Deuteranopia

#9EA272

Tritanopia

#B17373

Achromatopsia

#848484

CSS Usage

background-color: #B4786F;
color: #B4786F;
border-color: #B4786F;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#F9F6F5
100
#F2EAE8
200
#E7D3D0
300
#D5B4AF
400
#BE8B83
500
#A86257
600
#864E46
700
#6B3F38
800
#54312C
900
#3E2623
950
#271816

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.86:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026