#BC934F

#BC934F

Color Values

HEX

#BC934F

RGB

188, 147, 79

HSL

37.4, 44.9%, 52.4%

HSV

37.4, 58.0%, 73.7%

CMYK

0.0%, 21.8%, 58.0%, 26.3%

OKLCH

0.6877 0.0993 78.5

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#BC934F

#4F78BC

Analogous

#BC5D4F

#AFBC4F

#BC934F

Triadic

#BC934F

#4FBC93

#934FBC

Split Complementary

#BC934F

#4FAFBC

#5D4FBC

Tetradic

#BC934F

#4FBC5D

#4F78BC

#BC4FAF

Color Blindness Simulation

Original

#BC934F

Protanopia

#AAAA5F

Deuteranopia

#ADB063

Tritanopia

#BA6C6F

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EBDFCB
300
#DDC9A6
400
#CBAB76
500
#B98E46
600
#947138
700
#765B2D
800
#5C4723
900
#44351D
950
#2B2212

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026