#B24133

#B24133

Color Values

HEX

#B24133

RGB

178, 65, 51

HSL

6.6, 55.5%, 44.9%

HSV

6.6, 71.3%, 69.8%

CMYK

0.0%, 63.5%, 71.3%, 30.2%

OKLCH

0.5301 0.15 29.9

Properties

Warm Dark Nearest: NCS S 2060-R Deep Red

Color Harmonies

Complementary

#B24133

#33A4B2

Analogous

#B23365

#B28033

#B24133

Triadic

#B24133

#33B241

#4133B2

Split Complementary

#B24133

#33B280

#3365B2

Tetradic

#B24133

#65B233

#33A4B2

#8033B2

Color Blindness Simulation

Original

#B24133

Protanopia

#818036

Deuteranopia

#889037

Tritanopia

#AC393A

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F6E7E5
200
#EFCCC7
300
#E4A7A0
400
#D5786C
500
#C64839
600
#9F3A2D
700
#7F2E24
800
#63241C
900
#491E18
950
#2E130F

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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