#BB9F71

#BB9F71

Color Values

HEX

#BB9F71

RGB

187, 159, 113

HSL

37.3, 35.2%, 58.8%

HSV

37.3, 39.6%, 73.3%

CMYK

0.0%, 15.0%, 39.6%, 26.7%

OKLCH

0.7165 0.0702 79.6

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#BB9F71

#718DBB

Analogous

#BB7A71

#B2BB71

#BB9F71

Triadic

#BB9F71

#71BB9F

#9F71BB

Split Complementary

#BB9F71

#71B2BB

#7A71BB

Tetradic

#BB9F71

#71BB7A

#718DBB

#BB71B2

Color Blindness Simulation

Original

#BB9F71

Protanopia

#AFAF7C

Deuteranopia

#B0B37F

Tritanopia

#BA8587

Achromatopsia

#A2A2A2

CSS Usage

background-color: #BB9F71;
color: #BB9F71;
border-color: #BB9F71;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E8DECF
300
#D7C7AC
400
#C2A97F
500
#AC8A53
600
#8A6F42
700
#6E5935
800
#564529
900
#403421
950
#282115

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.31:1

AA Pass AAA Pass

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