#BC985E

#BC985E

Color Values

HEX

#BC985E

RGB

188, 152, 94

HSL

37.0, 41.2%, 55.3%

HSV

37.0, 50.0%, 73.7%

CMYK

0.0%, 19.1%, 50.0%, 26.3%

OKLCH

0.6999 0.0872 78.5

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#BC985E

#5E82BC

Analogous

#BC695E

#B1BC5E

#BC985E

Triadic

#BC985E

#5EBC98

#985EBC

Split Complementary

#BC985E

#5EB1BC

#695EBC

Tetradic

#BC985E

#5EBC69

#5E82BC

#BC5EB1

Color Blindness Simulation

Original

#BC985E

Protanopia

#ACAC6C

Deuteranopia

#AEB16F

Tritanopia

#BA777A

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#EADFCD
300
#DBC8A9
400
#C8AA7A
500
#B48C4B
600
#90703C
700
#735930
800
#5A4625
900
#42351E
950
#2A2113

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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