#BB111F

#BB111F

Color Values

HEX

#BB111F

RGB

187, 17, 31

HSL

355.1, 83.3%, 40.0%

HSV

355.1, 90.9%, 73.3%

CMYK

0.0%, 90.9%, 83.4%, 26.7%

OKLCH

0.5042 0.1971 25.6

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#BB111F

#11BBAD

Analogous

#BB1174

#BB5811

#BB111F

Triadic

#BB111F

#1FBB11

#111FBB

Split Complementary

#BB111F

#11BB58

#1174BB

Tetradic

#BB111F

#74BB11

#11BBAD

#5811BB

Color Blindness Simulation

Original

#BB111F

Protanopia

#71701C

Deuteranopia

#7B881B

Tritanopia

#B21918

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E3
200
#F9BEC2
300
#F58F97
400
#EF525F
500
#EA1527
600
#BB111F
700
#960E19
800
#750B13
900
#550C12
950
#36080B

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

3.21: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