#BF404E

#BF404E

Color Values

HEX

#BF404E

RGB

191, 64, 78

HSL

353.4, 49.8%, 50.0%

HSV

353.4, 66.5%, 74.9%

CMYK

0.0%, 66.5%, 59.2%, 25.1%

OKLCH

0.5549 0.1621 17.9

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#BF404E

#40BFB1

Analogous

#BF408D

#BF7240

#BF404E

Triadic

#BF404E

#4EBF40

#404EBF

Split Complementary

#BF404E

#40BF72

#408DBF

Tetradic

#BF404E

#8DBF40

#40BFB1

#7240BF

Color Blindness Simulation

Original

#BF404E

Protanopia

#88874B

Deuteranopia

#8F994A

Tritanopia

#B94847

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDCACD
300
#E0A3AA
400
#D0727C
500
#BF404E
600
#99333E
700
#7A2932
800
#5F2027
900
#461B20
950
#2C1114

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026