#BF3A3F

#BF3A3F

Color Values

HEX

#BF3A3F

RGB

191, 58, 63

HSL

357.7, 53.4%, 48.8%

HSV

357.7, 69.6%, 74.9%

CMYK

0.0%, 69.6%, 67.0%, 25.1%

OKLCH

0.5455 0.1693 22.8

Properties

Warm Dark Nearest: Mahogany

Color Harmonies

Complementary

#BF3A3F

#3ABFBA

Analogous

#BF3A82

#BF773A

#BF3A3F

Triadic

#BF3A3F

#3FBF3A

#3A3FBF

Split Complementary

#BF3A3F

#3ABF77

#3A82BF

Tetradic

#BF3A3F

#82BF3A

#3ABFBA

#773ABF

Color Blindness Simulation

Original

#BF3A3F

Protanopia

#85843E

Deuteranopia

#8D973D

Tritanopia

#B83D3D

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EEC8CA
300
#E2A1A4
400
#D36E72
500
#C43B41
600
#9C3034
700
#7D2629
800
#621E20
900
#48191B
950
#2D1011

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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