#B8143D

#B8143D

Color Values

HEX

#B8143D

RGB

184, 20, 61

HSL

345.0, 80.4%, 40.0%

HSV

345.0, 89.1%, 72.2%

CMYK

0.0%, 89.1%, 66.8%, 27.8%

OKLCH

0.5039 0.1919 16.0

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#B8143D

#14B88F

Analogous

#B8148F

#B83D14

#B8143D

Triadic

#B8143D

#3DB814

#143DB8

Split Complementary

#B8143D

#14B83D

#148FB8

Tetradic

#B8143D

#8FB814

#14B88F

#3D14B8

Color Blindness Simulation

Original

#B8143D

Protanopia

#717033

Deuteranopia

#7A8731

Tritanopia

#B02B2A

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#F9E1E7
200
#F8BFCD
300
#F391A9
400
#ED557B
500
#E6194C
600
#B8143D
700
#931031
800
#730C26
900
#540D1F
950
#350814

Contrast Checker

Text on white

6.55:1

AA Pass AAA Fail

Text on black

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