#B44847

#B44847

Color Values

HEX

#B44847

RGB

180, 72, 71

HSL

0.6, 43.4%, 49.2%

HSV

0.6, 60.6%, 70.6%

CMYK

0.0%, 60.0%, 60.6%, 29.4%

OKLCH

0.5457 0.1413 23.5

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B44847

#47B3B4

Analogous

#B4477C

#B47F47

#B44847

Triadic

#B44847

#47B448

#4847B4

Split Complementary

#B44847

#47B47F

#477CB4

Tetradic

#B44847

#7CB447

#47B3B4

#7F47B4

Color Blindness Simulation

Original

#B44847

Protanopia

#858447

Deuteranopia

#8C9447

Tritanopia

#AF4747

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCCCC
300
#DCA8A7
400
#CA7978
500
#B74948
600
#923B3A
700
#752F2E
800
#5B2524
900
#431E1E
950
#2B1313

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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