#B48771

#B48771

Color Values

HEX

#B48771

RGB

180, 135, 113

HSL

19.7, 30.9%, 57.5%

HSV

19.7, 37.2%, 70.6%

CMYK

0.0%, 25.0%, 37.2%, 29.4%

OKLCH

0.6613 0.0639 47.2

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#B48771

#719EB4

Analogous

#B4717D

#B4A971

#B48771

Triadic

#B48771

#71B487

#8771B4

Split Complementary

#B48771

#71B4A9

#717DB4

Tetradic

#B48771

#7DB471

#719EB4

#A971B4

Color Blindness Simulation

Original

#B48771

Protanopia

#A1A076

Deuteranopia

#A3A678

Tritanopia

#B27B7B

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E6D8D0
300
#D5BBAF
400
#BE9783
500
#A77258
600
#865B46
700
#6B4938
800
#53392C
900
#3E2C23
950
#271C16

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.64:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026