#BF3133

#BF3133

Color Values

HEX

#BF3133

RGB

191, 49, 51

HSL

359.2, 59.2%, 47.1%

HSV

359.2, 74.3%, 74.9%

CMYK

0.0%, 74.3%, 73.3%, 25.1%

OKLCH

0.5348 0.1788 25.0

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#BF3133

#31BFBD

Analogous

#BF317A

#BF7631

#BF3133

Triadic

#BF3133

#33BF31

#3133BF

Split Complementary

#BF3133

#31BF76

#317ABF

Tetradic

#BF3133

#7ABF31

#31BFBD

#7631BF

Color Blindness Simulation

Original

#BF3133

Protanopia

#818033

Deuteranopia

#8A9432

Tritanopia

#B83232

Achromatopsia

#4F4F4F

CSS Usage

background-color: #BF3133;
color: #BF3133;
border-color: #BF3133;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FBF4F4
100
#F6E4E4
200
#F0C6C7
300
#E69E9F
400
#D9696A
500
#CB3436
600
#A22A2B
700
#822123
800
#651A1B
900
#4A1717
950
#2F0E0F

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026