#BC4B4F

#BC4B4F

Color Values

HEX

#BC4B4F

RGB

188, 75, 79

HSL

357.9, 45.7%, 51.6%

HSV

357.9, 60.1%, 73.7%

CMYK

0.0%, 60.1%, 58.0%, 26.3%

OKLCH

0.5638 0.1461 21.0

Properties

Warm Dark Nearest: indianred 3

Color Harmonies

Complementary

#BC4B4F

#4BBCB8

Analogous

#BC4B88

#BC804B

#BC4B4F

Triadic

#BC4B4F

#4FBC4B

#4B4FBC

Split Complementary

#BC4B4F

#4BBC80

#4B88BC

Tetradic

#BC4B4F

#88BC4B

#4BBCB8

#804BBC

Color Blindness Simulation

Original

#BC4B4F

Protanopia

#8B8A4E

Deuteranopia

#929A4E

Tritanopia

#B64D4D

Achromatopsia

#636363

CSS Usage

background-color: #BC4B4F;
color: #BC4B4F;
border-color: #BC4B4F;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCC
300
#DEA6A8
400
#CC7679
500
#BA4549
600
#95373B
700
#772C2F
800
#5D2325
900
#441D1E
950
#2B1213

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

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