#B4414C

#B4414C

Color Values

HEX

#B4414C

RGB

180, 65, 76

HSL

354.3, 46.9%, 48.0%

HSV

354.3, 63.9%, 70.6%

CMYK

0.0%, 63.9%, 57.8%, 29.4%

OKLCH

0.5377 0.1491 18.1

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#B4414C

#41B4A9

Analogous

#B44185

#B46F41

#B4414C

Triadic

#B4414C

#4CB441

#414CB4

Split Complementary

#B4414C

#41B46F

#4185B4

Tetradic

#B4414C

#85B441

#41B4A9

#6F41B4

Color Blindness Simulation

Original

#B4414C

Protanopia

#828149

Deuteranopia

#899249

Tritanopia

#AE4747

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCE
300
#DFA5AB
400
#CD747D
500
#BB444F
600
#96363F
700
#782B33
800
#5E2228
900
#451C20
950
#2C1214

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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