#B3322B

#B3322B

Color Values

HEX

#B3322B

RGB

179, 50, 43

HSL

3.1, 61.3%, 43.5%

HSV

3.1, 76.0%, 70.2%

CMYK

0.0%, 72.1%, 76.0%, 29.8%

OKLCH

0.5136 0.1668 27.7

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#B3322B

#2BACB3

Analogous

#B32B68

#B3762B

#B3322B

Triadic

#B3322B

#2BB332

#322BB3

Split Complementary

#B3322B

#2BB376

#2B68B3

Tetradic

#B3322B

#68B32B

#2BACB3

#762BB3

Color Blindness Simulation

Original

#B3322B

Protanopia

#7B7A2D

Deuteranopia

#838C2D

Tritanopia

#AD2E2E

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C8C5
300
#E7A09C
400
#DA6D67
500
#CE3931
600
#A52E27
700
#842520
800
#671D19
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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026