#B3322D

#B3322D

Color Values

HEX

#B3322D

RGB

179, 50, 45

HSL

2.2, 59.8%, 43.9%

HSV

2.2, 74.9%, 70.2%

CMYK

0.0%, 72.1%, 74.9%, 29.8%

OKLCH

0.5138 0.1666 27.0

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#B3322D

#2DAEB3

Analogous

#B32D6B

#B3752D

#B3322D

Triadic

#B3322D

#2DB332

#322DB3

Split Complementary

#B3322D

#2DB375

#2D6BB3

Tetradic

#B3322D

#6BB32D

#2DAEB3

#752DB3

Color Blindness Simulation

Original

#B3322D

Protanopia

#7B7A2E

Deuteranopia

#838C2E

Tritanopia

#AD2F2F

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C8C6
300
#E6A09D
400
#D96C68
500
#CC3933
600
#A32D29
700
#822421
800
#661C1A
900
#4B1816
950
#2F0F0E

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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