#B4183E

#B4183E

Color Values

HEX

#B4183E

RGB

180, 24, 62

HSL

345.4, 76.5%, 40.0%

HSV

345.4, 86.7%, 70.6%

CMYK

0.0%, 86.7%, 65.6%, 29.4%

OKLCH

0.4985 0.1863 15.4

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#B4183E

#18B48E

Analogous

#B4188C

#B44018

#B4183E

Triadic

#B4183E

#3EB418

#183EB4

Split Complementary

#B4183E

#18B440

#188CB4

Tetradic

#B4183E

#8CB418

#18B48E

#4018B4

Color Blindness Simulation

Original

#B4183E

Protanopia

#706F35

Deuteranopia

#7A8533

Tritanopia

#AC2E2C

Achromatopsia

#3C3C3C

CSS Usage

background-color: #B4183E;
color: #B4183E;
border-color: #B4183E;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FCF2F5
100
#F9E2E7
200
#F7C0CD
300
#F193AA
400
#E9587C
500
#E11E4D
600
#B4183E
700
#901332
800
#710F27
900
#520F1F
950
#340A14

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

3.14:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026