#BCA67D

#BCA67D

Color Values

HEX

#BCA67D

RGB

188, 166, 125

HSL

39.0, 32.0%, 61.4%

HSV

39.0, 33.5%, 73.7%

CMYK

0.0%, 11.7%, 33.5%, 26.3%

OKLCH

0.7341 0.0612 82.8

Properties

Warm Light Nearest: navajowhite 3

Color Harmonies

Complementary

#BCA67D

#7D93BC

Analogous

#BC877D

#B3BC7D

#BCA67D

Triadic

#BCA67D

#7DBCA6

#A67DBC

Split Complementary

#BCA67D

#7DB3BC

#877DBC

Tetradic

#BCA67D

#7DBC87

#7D93BC

#BC7DB3

Color Blindness Simulation

Original

#BCA67D

Protanopia

#B2B287

Deuteranopia

#B4B589

Tritanopia

#BB8F90

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7DFD0
300
#D5C8AE
400
#BFAA82
500
#A88C57
600
#877045
700
#6C5937
800
#54462B
900
#3E3522
950
#272116

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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