#BCAE83

#BCAE83

Color Values

HEX

#BCAE83

RGB

188, 174, 131

HSL

45.3, 29.8%, 62.5%

HSV

45.3, 30.3%, 73.7%

CMYK

0.0%, 7.4%, 30.3%, 26.3%

OKLCH

0.7519 0.0603 92.2

Properties

Warm Light Nearest: navajowhite 3

Color Harmonies

Complementary

#BCAE83

#8391BC

Analogous

#BC9183

#ADBC83

#BCAE83

Triadic

#BCAE83

#83BCAE

#AE83BC

Split Complementary

#BCAE83

#83ADBC

#9183BC

Tetradic

#BCAE83

#83BC91

#8391BC

#BC83AD

Color Blindness Simulation

Original

#BCAE83

Protanopia

#B6B68D

Deuteranopia

#B7B890

Tritanopia

#BB9697

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE9
200
#E6E1D1
300
#D4CBB0
400
#BDAF85
500
#A5935A
600
#847648
700
#6A5E39
800
#53492D
900
#3D3723
950
#272316

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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