#BC816F

#BC816F

Color Values

HEX

#BC816F

RGB

188, 129, 111

HSL

14.0, 36.5%, 58.6%

HSV

14.0, 41.0%, 73.7%

CMYK

0.0%, 31.4%, 41.0%, 26.3%

OKLCH

0.6584 0.0783 37.7

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#BC816F

#6FAABC

Analogous

#BC6F83

#BCA76F

#BC816F

Triadic

#BC816F

#6FBC81

#816FBC

Split Complementary

#BC816F

#6FBCA7

#6F83BC

Tetradic

#BC816F

#83BC6F

#6FAABC

#A76FBC

Color Blindness Simulation

Original

#BC816F

Protanopia

#A2A273

Deuteranopia

#A6AA74

Tritanopia

#B97778

Achromatopsia

#8C8C8C

CSS Usage

background-color: #BC816F;
color: #BC816F;
border-color: #BC816F;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF6F5
100
#F3EAE8
200
#E8D4CE
300
#D8B6AB
400
#C38E7E
500
#AE6751
600
#8B5241
700
#6F4234
800
#573328
900
#402821
950
#291915

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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