#BC9853

#BC9853

Color Values

HEX

#BC9853

RGB

188, 152, 83

HSL

39.4, 43.9%, 53.1%

HSV

39.4, 55.9%, 73.7%

CMYK

0.0%, 19.1%, 55.9%, 26.3%

OKLCH

0.6983 0.0976 82.2

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#BC9853

#5377BC

Analogous

#BC6353

#ABBC53

#BC9853

Triadic

#BC9853

#53BC98

#9853BC

Split Complementary

#BC9853

#53ABBC

#6353BC

Tetradic

#BC9853

#53BC63

#5377BC

#BC53AB

Color Blindness Simulation

Original

#BC9853

Protanopia

#ACAC64

Deuteranopia

#AEB168

Tritanopia

#BA7174

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EBE0CC
300
#DDCAA7
400
#CAAE77
500
#B79148
600
#937439
700
#755D2E
800
#5C4924
900
#44361D
950
#2B2213

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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