#B24B52

#B24B52

Color Values

HEX

#B24B52

RGB

178, 75, 82

HSL

355.9, 40.7%, 49.6%

HSV

355.9, 57.9%, 69.8%

CMYK

0.0%, 57.9%, 53.9%, 30.2%

OKLCH

0.549 0.1344 18.5

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#B24B52

#4BB2AB

Analogous

#B24B86

#B2774B

#B24B52

Triadic

#B24B52

#52B24B

#4B52B2

Split Complementary

#B24B52

#4BB277

#4B86B2

Tetradic

#B24B52

#86B24B

#4BB2AB

#774BB2

Color Blindness Simulation

Original

#B24B52

Protanopia

#858550

Deuteranopia

#8B9350

Tritanopia

#AD4F4F

Achromatopsia

#616161

CSS Usage

background-color: #B24B52;
color: #B24B52;
border-color: #B24B52;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDCF
300
#DBA9AC
400
#C77A7F
500
#B34C53
600
#903C42
700
#733035
800
#5A2629
900
#421F21
950
#2A1315

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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