#BAAA71

#BAAA71

Color Values

HEX

#BAAA71

RGB

186, 170, 113

HSL

46.8, 34.6%, 58.6%

HSV

46.8, 39.2%, 72.9%

CMYK

0.0%, 8.6%, 39.2%, 27.1%

OKLCH

0.7383 0.0777 94.3

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#BAAA71

#7181BA

Analogous

#BA8571

#A6BA71

#BAAA71

Triadic

#BAAA71

#71BAAA

#AA71BA

Split Complementary

#BAAA71

#71A6BA

#8571BA

Tetradic

#BAAA71

#71BA85

#7181BA

#BA71A6

Color Blindness Simulation

Original

#BAAA71

Protanopia

#B3B37F

Deuteranopia

#B4B582

Tritanopia

#B98A8C

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F2F0E8
200
#E8E2CF
300
#D7CEAD
400
#C1B380
500
#AC9853
600
#897A43
700
#6E6135
800
#564C2A
900
#403921
950
#282415

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.08:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026