#BCA365

#BCA365

Color Values

HEX

#BCA365

RGB

188, 163, 101

HSL

42.8, 39.4%, 56.7%

HSV

42.8, 46.3%, 73.7%

CMYK

0.0%, 13.3%, 46.3%, 26.3%

OKLCH

0.7236 0.086 88.3

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#BCA365

#657EBC

Analogous

#BC7865

#AABC65

#BCA365

Triadic

#BCA365

#65BCA3

#A365BC

Split Complementary

#BCA365

#65AABC

#7865BC

Tetradic

#BCA365

#65BC78

#657EBC

#BC65AA

Color Blindness Simulation

Original

#BCA365

Protanopia

#B1B174

Deuteranopia

#B3B478

Tritanopia

#BB8082

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3F0E7
200
#E9E1CD
300
#DACCAA
400
#C6B17B
500
#B2954D
600
#8E773E
700
#725F31
800
#594A27
900
#42381F
950
#292314

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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