#B2191C

#B2191C

Color Values

HEX

#B2191C

RGB

178, 25, 28

HSL

358.8, 75.4%, 39.8%

HSV

358.8, 86.0%, 69.8%

CMYK

0.0%, 86.0%, 84.3%, 30.2%

OKLCH

0.4904 0.1858 26.9

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#B2191C

#19B2AF

Analogous

#B21969

#B26219

#B2191C

Triadic

#B2191C

#1CB219

#191CB2

Split Complementary

#B2191C

#19B262

#1969B2

Tetradic

#B2191C

#69B219

#19B2AF

#6219B2

Color Blindness Simulation

Original

#B2191C

Protanopia

#706E1B

Deuteranopia

#79841B

Tritanopia

#AA1B1B

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FCF2F3
100
#F9E2E2
200
#F6C0C1
300
#F09496
400
#E85A5C
500
#E01F23
600
#B3191C
700
#8F1417
800
#701012
900
#511011
950
#330A0B

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

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