#B24B43

#B24B43

Color Values

HEX

#B24B43

RGB

178, 75, 67

HSL

4.3, 45.3%, 48.0%

HSV

4.3, 62.4%, 69.8%

CMYK

0.0%, 57.9%, 62.4%, 30.2%

OKLCH

0.546 0.1362 26.9

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B24B43

#43AAB2

Analogous

#B24372

#B28243

#B24B43

Triadic

#B24B43

#43B24B

#4B43B2

Split Complementary

#B24B43

#43B282

#4372B2

Tetradic

#B24B43

#72B243

#43AAB2

#8243B2

Color Blindness Simulation

Original

#B24B43

Protanopia

#858545

Deuteranopia

#8B9345

Tritanopia

#AD4647

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#EBCDCB
300
#DEAAA6
400
#CB7C76
500
#B94E46
600
#943E38
700
#77322D
800
#5D2723
900
#44201D
950
#2B1412

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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