#BC2315

#BC2315

Color Values

HEX

#BC2315

RGB

188, 35, 21

HSL

5.0, 79.9%, 41.0%

HSV

5.0, 88.8%, 73.7%

CMYK

0.0%, 81.4%, 88.8%, 26.3%

OKLCH

0.515 0.1898 30.0

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BC2315

#15AEBC

Analogous

#BC155B

#BC7615

#BC2315

Triadic

#BC2315

#15BC23

#2315BC

Split Complementary

#BC2315

#15BC76

#155BBC

Tetradic

#BC2315

#5BBC15

#15AEBC

#7615BC

Color Blindness Simulation

Original

#BC2315

Protanopia

#7A7818

Deuteranopia

#838E19

Tritanopia

#B41B1C

Achromatopsia

#434343

CSS Usage

background-color: #BC2315;
color: #BC2315;
border-color: #BC2315;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FDF3F2
100
#F9E3E1
200
#F8C4BF
300
#F39991
400
#EC6255
500
#E52B1A
600
#B72215
700
#931B10
800
#73150D
900
#53130E
950
#350C09

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

3.39:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026