#BC7243

#BC7243

Color Values

HEX

#BC7243

RGB

188, 114, 67

HSL

23.3, 47.5%, 50.0%

HSV

23.3, 64.4%, 73.7%

CMYK

0.0%, 39.4%, 64.4%, 26.3%

OKLCH

0.6231 0.1124 51.7

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#BC7243

#438DBC

Analogous

#BC4350

#BCAF43

#BC7243

Triadic

#BC7243

#43BC72

#7243BC

Split Complementary

#BC7243

#43BCAF

#4350BC

Tetradic

#BC7243

#50BC43

#438DBC

#AF43BC

Color Blindness Simulation

Original

#BC7243

Protanopia

#9C9B4E

Deuteranopia

#A0A651

Tritanopia

#B85759

Achromatopsia

#7E7E7E

CSS Usage

background-color: #BC7243;
color: #BC7243;
border-color: #BC7243;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD8CA
300
#DFBBA5
400
#CD9774
500
#BC7243
600
#965B36
700
#78492B
800
#5E3921
900
#452C1C
950
#2C1C12

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.63:1

AA Pass AAA Fail

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