#BC6D43

#BC6D43

Color Values

HEX

#BC6D43

RGB

188, 109, 67

HSL

20.8, 47.5%, 50.0%

HSV

20.8, 64.4%, 73.7%

CMYK

0.0%, 42.0%, 64.4%, 26.3%

OKLCH

0.6143 0.1155 47.6

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#BC6D43

#4392BC

Analogous

#BC4356

#BCA943

#BC6D43

Triadic

#BC6D43

#43BC6D

#6D43BC

Split Complementary

#BC6D43

#43BCA9

#4356BC

Tetradic

#BC6D43

#56BC43

#4392BC

#A943BC

Color Blindness Simulation

Original

#BC6D43

Protanopia

#9A994D

Deuteranopia

#9EA450

Tritanopia

#B85557

Achromatopsia

#7B7B7B

CSS Usage

background-color: #BC6D43;
color: #BC6D43;
border-color: #BC6D43;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FAF6F4
100
#F4EBE6
200
#ECD6CA
300
#DFB9A5
400
#CD9374
500
#BC6D43
600
#965736
700
#78462B
800
#5E3621
900
#452A1C
950
#2C1B12

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.41:1

AA Pass AAA Fail

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