#BBA47F

#BBA47F

Color Values

HEX

#BBA47F

RGB

187, 164, 127

HSL

37.0, 30.6%, 61.6%

HSV

37.0, 32.1%, 73.3%

CMYK

0.0%, 12.3%, 32.1%, 26.7%

OKLCH

0.7295 0.0573 79.4

Properties

Warm Light Nearest: navajowhite 3

Color Harmonies

Complementary

#BBA47F

#7F96BB

Analogous

#BB867F

#B4BB7F

#BBA47F

Triadic

#BBA47F

#7FBBA4

#A47FBB

Split Complementary

#BBA47F

#7FB4BB

#867FBB

Tetradic

#BBA47F

#7FBB86

#7F96BB

#BB7FB4

Color Blindness Simulation

Original

#BBA47F

Protanopia

#B1B188

Deuteranopia

#B2B48A

Tritanopia

#BA8F91

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE9
200
#E6DED0
300
#D5C6AF
400
#BEA784
500
#A78958
600
#856D47
700
#6B5739
800
#53442C
900
#3E3423
950
#272116

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026