#BC4B50

#BC4B50

Color Values

HEX

#BC4B50

RGB

188, 75, 80

HSL

357.3, 45.7%, 51.6%

HSV

357.3, 60.1%, 73.7%

CMYK

0.0%, 60.1%, 57.4%, 26.3%

OKLCH

0.564 0.146 20.4

Properties

Warm Dark Nearest: indianred 3

Color Harmonies

Complementary

#BC4B50

#4BBCB7

Analogous

#BC4B89

#BC7F4B

#BC4B50

Triadic

#BC4B50

#50BC4B

#4B50BC

Split Complementary

#BC4B50

#4BBC7F

#4B89BC

Tetradic

#BC4B50

#89BC4B

#4BBCB7

#7F4BBC

Color Blindness Simulation

Original

#BC4B50

Protanopia

#8B8A4F

Deuteranopia

#929A4E

Tritanopia

#B64E4E

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCC
300
#DEA6A8
400
#CC7679
500
#BA454A
600
#95373C
700
#772C30
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