#B4322B

#B4322B

Color Values

HEX

#B4322B

RGB

180, 50, 43

HSL

3.1, 61.4%, 43.7%

HSV

3.1, 76.1%, 70.6%

CMYK

0.0%, 72.2%, 76.1%, 29.4%

OKLCH

0.5153 0.1679 27.8

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#B4322B

#2BADB4

Analogous

#B42B68

#B4772B

#B4322B

Triadic

#B4322B

#2BB432

#322BB4

Split Complementary

#B4322B

#2BB477

#2B68B4

Tetradic

#B4322B

#68B42B

#2BADB4

#772BB4

Color Blindness Simulation

Original

#B4322B

Protanopia

#7C7B2D

Deuteranopia

#838D2D

Tritanopia

#AE2E2E

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C8C5
300
#E7A09C
400
#DB6D67
500
#CE3931
600
#A52E27
700
#84251F
800
#671D19
900
#4B1816
950
#300F0E

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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