#BCA643

#BCA643

Color Values

HEX

#BCA643

RGB

188, 166, 67

HSL

49.1, 47.5%, 50.0%

HSV

49.1, 64.4%, 73.7%

CMYK

0.0%, 11.7%, 64.4%, 26.3%

OKLCH

0.7255 0.1206 96.7

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BCA643

#4359BC

Analogous

#BC6943

#96BC43

#BCA643

Triadic

#BCA643

#43BCA6

#A643BC

Split Complementary

#BCA643

#4396BC

#6943BC

Tetradic

#BCA643

#43BC69

#4359BC

#BC4396

Color Blindness Simulation

Original

#BCA643

Protanopia

#B2B25B

Deuteranopia

#B4B561

Tritanopia

#BB6E72

Achromatopsia

#A4A4A4

CSS Usage

background-color: #BCA643;
color: #BCA643;
border-color: #BCA643;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAF9F4
100
#F4F2E6
200
#ECE6CA
300
#DFD4A5
400
#CDBD74
500
#BCA643
600
#968536
700
#786A2B
800
#5E5321
900
#453E1C
950
#2C2712

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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