#BC534C

#BC534C

Color Values

HEX

#BC534C

RGB

188, 83, 76

HSL

3.8, 45.5%, 51.8%

HSV

3.8, 59.6%, 73.7%

CMYK

0.0%, 55.9%, 59.6%, 26.3%

OKLCH

0.5743 0.1372 26.1

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#BC534C

#4CB5BC

Analogous

#BC4C7D

#BC8B4C

#BC534C

Triadic

#BC534C

#4CBC53

#534CBC

Split Complementary

#BC534C

#4CBC8B

#4C7DBC

Tetradic

#BC534C

#7DBC4C

#4CB5BC

#8B4CBC

Color Blindness Simulation

Original

#BC534C

Protanopia

#8F8E4E

Deuteranopia

#959C4E

Tritanopia

#B74F4F

Achromatopsia

#696969

CSS Usage

background-color: #BC534C;
color: #BC534C;
border-color: #BC534C;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCDCB
300
#DEA9A6
400
#CC7B76
500
#BA4D45
600
#943D38
700
#77312C
800
#5D2623
900
#441F1D
950
#2B1412

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail 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