#B04448

#B04448

Color Values

HEX

#B04448

RGB

176, 68, 72

HSL

357.8, 44.3%, 47.8%

HSV

357.8, 61.4%, 69.0%

CMYK

0.0%, 61.4%, 59.1%, 31.0%

OKLCH

0.5343 0.1412 21.0

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B04448

#44B0AC

Analogous

#B0447E

#B07644

#B04448

Triadic

#B04448

#48B044

#4448B0

Split Complementary

#B04448

#44B076

#447EB0

Tetradic

#B04448

#7EB044

#44B0AC

#7644B0

Color Blindness Simulation

Original

#B04448

Protanopia

#818047

Deuteranopia

#889047

Tritanopia

#AB4646

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#EBCBCD
300
#DDA7A9
400
#CA777A
500
#B8474B
600
#93393C
700
#762D30
800
#5C2426
900
#441D1F
950
#2B1213

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

3.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026