#BCA465

#BCA465

Color Values

HEX

#BCA465

RGB

188, 164, 101

HSL

43.4, 39.4%, 56.7%

HSV

43.4, 46.3%, 73.7%

CMYK

0.0%, 12.8%, 46.3%, 26.3%

OKLCH

0.7256 0.0867 89.3

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#BCA465

#657DBC

Analogous

#BC7965

#A9BC65

#BCA465

Triadic

#BCA465

#65BCA4

#A465BC

Split Complementary

#BCA465

#65A9BC

#7965BC

Tetradic

#BCA465

#65BC79

#657DBC

#BC65A9

Color Blindness Simulation

Original

#BCA465

Protanopia

#B2B174

Deuteranopia

#B3B578

Tritanopia

#BB8083

Achromatopsia

#A5A5A5

CSS Usage

background-color: #BCA465;
color: #BCA465;
border-color: #BCA465;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF8F5
100
#F3F0E7
200
#E9E2CD
300
#DACDAA
400
#C6B17B
500
#B2964D
600
#8E783E
700
#726031
800
#594B27
900
#42381F
950
#292314

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.64:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026