#B74447

#B74447

Color Values

HEX

#B74447

RGB

183, 68, 71

HSL

358.4, 45.8%, 49.2%

HSV

358.4, 62.8%, 71.8%

CMYK

0.0%, 62.8%, 61.2%, 28.2%

OKLCH

0.5453 0.1492 22.0

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B74447

#44B7B4

Analogous

#B74481

#B77A44

#B74447

Triadic

#B74447

#47B744

#4447B7

Split Complementary

#B74447

#44B77A

#4481B7

Tetradic

#B74447

#81B744

#44B7B4

#7A44B7

Color Blindness Simulation

Original

#B74447

Protanopia

#858446

Deuteranopia

#8C9446

Tritanopia

#B14646

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCC
300
#DEA6A7
400
#CC7578
500
#BA4548
600
#95373A
700
#772C2E
800
#5D2324
900
#441C1E
950
#2B1213

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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