#B2322B

#B2322B

Color Values

HEX

#B2322B

RGB

178, 50, 43

HSL

3.1, 61.1%, 43.3%

HSV

3.1, 75.8%, 69.8%

CMYK

0.0%, 71.9%, 75.8%, 30.2%

OKLCH

0.5118 0.1658 27.7

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#B2322B

#2BABB2

Analogous

#B22B67

#B2752B

#B2322B

Triadic

#B2322B

#2BB232

#322BB2

Split Complementary

#B2322B

#2BB275

#2B67B2

Tetradic

#B2322B

#67B22B

#2BABB2

#752BB2

Color Blindness Simulation

Original

#B2322B

Protanopia

#7B792D

Deuteranopia

#828C2D

Tritanopia

#AC2E2E

Achromatopsia

#4D4D4D

CSS Usage

background-color: #B2322B;
color: #B2322B;
border-color: #B2322B;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C8C5
300
#E7A09C
400
#DA6D67
500
#CD3A32
600
#A42E28
700
#832520
800
#671D19
900
#4B1916
950
#2F100E

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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