#BCA080

#BCA080

Color Values

HEX

#BCA080

RGB

188, 160, 128

HSL

32.0, 30.9%, 62.0%

HSV

32.0, 31.9%, 73.7%

CMYK

0.0%, 14.9%, 31.9%, 26.3%

OKLCH

0.7225 0.0551 70.5

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BCA080

#809CBC

Analogous

#BC8280

#BABC80

#BCA080

Triadic

#BCA080

#80BCA0

#A080BC

Split Complementary

#BCA080

#80BABC

#8280BC

Tetradic

#BCA080

#80BC82

#809CBC

#BC80BA

Color Blindness Simulation

Original

#BCA080

Protanopia

#B0B088

Deuteranopia

#B2B48A

Tritanopia

#BB8E8F

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E6DCD0
300
#D5C3AF
400
#BEA383
500
#A78258
600
#866846
700
#6B5338
800
#53412C
900
#3E3123
950
#271F16

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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