#BBA578

#BBA578

Color Values

HEX

#BBA578

RGB

187, 165, 120

HSL

40.3, 33.0%, 60.2%

HSV

40.3, 35.8%, 73.3%

CMYK

0.0%, 11.8%, 35.8%, 26.7%

OKLCH

0.7302 0.0659 84.8

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#BBA578

#788EBB

Analogous

#BB8478

#B0BB78

#BBA578

Triadic

#BBA578

#78BBA5

#A578BB

Split Complementary

#BBA578

#78B0BB

#8478BB

Tetradic

#BBA578

#78BB84

#788EBB

#BB78B0

Color Blindness Simulation

Original

#BBA578

Protanopia

#B1B183

Deuteranopia

#B3B486

Tritanopia

#BA8B8D

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7DFD0
300
#D6C9AE
400
#C0AB82
500
#AA8E55
600
#887244
700
#6D5B37
800
#55472B
900
#3F3522
950
#282216

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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