#BC7271

#BC7271

Color Values

HEX

#BC7271

RGB

188, 114, 113

HSL

0.8, 35.9%, 59.0%

HSV

0.8, 39.9%, 73.7%

CMYK

0.0%, 39.4%, 39.9%, 26.3%

OKLCH

0.6319 0.094 20.9

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#BC7271

#71BBBC

Analogous

#BC7195

#BC9771

#BC7271

Triadic

#BC7271

#71BC72

#7271BC

Split Complementary

#BC7271

#71BC97

#7195BC

Tetradic

#BC7271

#95BC71

#71BBBC

#9771BC

Color Blindness Simulation

Original

#BC7271

Protanopia

#9C9B71

Deuteranopia

#A0A671

Tritanopia

#B87171

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CFCE
300
#D8ACAC
400
#C3807F
500
#AD5352
600
#8B4241
700
#6F3534
800
#572929
900
#402121
950
#281515

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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