#B24239

#B24239

Color Values

HEX

#B24239

RGB

178, 66, 57

HSL

4.5, 51.5%, 46.1%

HSV

4.5, 68.0%, 69.8%

CMYK

0.0%, 62.9%, 68.0%, 30.2%

OKLCH

0.5322 0.1478 27.7

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B24239

#39A9B2

Analogous

#B2396C

#B27F39

#B24239

Triadic

#B24239

#39B242

#4239B2

Split Complementary

#B24239

#39B27F

#396CB2

Tetradic

#B24239

#6CB239

#39A9B2

#7F39B2

Color Blindness Simulation

Original

#B24239

Protanopia

#81813B

Deuteranopia

#88903C

Tritanopia

#AC3D3D

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EECCC9
300
#E1A7A2
400
#D17770
500
#C1483E
600
#9B3931
700
#7C2E28
800
#61241F
900
#471D1A
950
#2D1310

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026