#B0332C

#B0332C

Color Values

HEX

#B0332C

RGB

176, 51, 44

HSL

3.2, 60.0%, 43.1%

HSV

3.2, 75.0%, 69.0%

CMYK

0.0%, 71.0%, 75.0%, 31.0%

OKLCH

0.5095 0.1627 27.7

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#B0332C

#2CA9B0

Analogous

#B02C67

#B0752C

#B0332C

Triadic

#B0332C

#2CB033

#332CB0

Split Complementary

#B0332C

#2CB075

#2C67B0

Tetradic

#B0332C

#67B02C

#2CA9B0

#752CB0

Color Blindness Simulation

Original

#B0332C

Protanopia

#7A792E

Deuteranopia

#818A2E

Tritanopia

#AA2F2F

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C8C6
300
#E7A19D
400
#D96E68
500
#CC3B33
600
#A32F29
700
#832621
800
#661E1A
900
#4B1916
950
#2F100E

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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