#BC413F

#BC413F

Color Values

HEX

#BC413F

RGB

188, 65, 63

HSL

1,0, 49,8%, 49,2%

HSV

1,0, 66,5%, 73,7%

CMYK

0,0%, 65,4%, 66,5%, 26,3%

OKLCH

0,5483 0,159 24,8

Properties

Warm Dark Nearest: Mahogany

Color Harmonies

Complementary

#BC413F

#3FBABC

Analogous

#BC3F7B

#BC803F

#BC413F

Triadic

#BC413F

#3FBC41

#413FBC

Split Complementary

#BC413F

#3FBC80

#3F7BBC

Tetradic

#BC413F

#7BBC3F

#3FBABC

#803FBC

Color Blindness Simulation

Original

#BC413F

Protanopia

#87863F

Deuteranopia

#8E9740

Tritanopia

#B64040

Achromatopsia

#5B5B5B

CSS Usage

background-color: #BC413F;
color: #BC413F;
border-color: #BC413F;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FBF4F4
100
#F5E6E6
200
#EDCACA
300
#E0A4A3
400
#D07372
500
#BF4240
600
#993533
700
#7A2A29
800
#5F2120
900
#461B1B
950
#2C1111

Contrast Checker

Text on white

5,29:1

AA Pass AAA Fail

Text on black

3,97: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