#BC282D

#BC282D

Color Values

HEX

#BC282D

RGB

188, 40, 45

HSL

358,0, 64,9%, 44,7%

HSV

358,0, 78,7%, 73,7%

CMYK

0,0%, 78,7%, 76,1%, 26,3%

OKLCH

0,521 0,1837 24,9

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#BC282D

#28BCB7

Analogous

#BC2877

#BC6D28

#BC282D

Triadic

#BC282D

#2DBC28

#282DBC

Split Complementary

#BC282D

#28BC6D

#2877BC

Tetradic

#BC282D

#77BC28

#28BCB7

#6D28BC

Color Blindness Simulation

Original

#BC282D

Protanopia

#7C7B2C

Deuteranopia

#84902C

Tritanopia

#B52B2B

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E4
200
#F2C4C6
300
#EA9A9D
400
#DE6367
500
#D22D32
600
#A82428
700
#871D20
800
#691619
900
#4D1416
950
#300D0E

Contrast Checker

Text on white

6,04:1

AA Pass AAA Fail

Text on black

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