#BC2F2C

#BC2F2C

Color Values

HEX

#BC2F2C

RGB

188, 47, 44

HSL

1,3, 62,1%, 45,5%

HSV

1,3, 76,6%, 73,7%

CMYK

0,0%, 75,0%, 76,6%, 26,3%

OKLCH

0,5267 0,1784 26,8

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#BC2F2C

#2CB9BC

Analogous

#BC2C71

#BC772C

#BC2F2C

Triadic

#BC2F2C

#2CBC2F

#2F2CBC

Split Complementary

#BC2F2C

#2CBC77

#2C71BC

Tetradic

#BC2F2C

#71BC2C

#2CB9BC

#772CBC

Color Blindness Simulation

Original

#BC2F2C

Protanopia

#7F7E2D

Deuteranopia

#87922D

Tritanopia

#B52D2D

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF3F3
100
#F7E4E4
200
#F1C6C5
300
#E89D9C
400
#DB6966
500
#CF3430
600
#A52927
700
#84211F
800
#671A18
900
#4C1715
950
#300E0D

Contrast Checker

Text on white

5,86:1

AA Pass AAA Fail

Text on black

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