#BF161C

#BF161C

Color Values

HEX

#BF161C

RGB

191, 22, 28

HSL

357.9, 79.3%, 41.8%

HSV

357.9, 88.5%, 74.9%

CMYK

0.0%, 88.5%, 85.3%, 25.1%

OKLCH

0.5137 0.1988 26.9

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#BF161C

#16BFB9

Analogous

#BF1671

#BF6516

#BF161C

Triadic

#BF161C

#1CBF16

#161CBF

Split Complementary

#BF161C

#16BF65

#1671BF

Tetradic

#BF161C

#71BF16

#16BFB9

#6516BF

Color Blindness Simulation

Original

#BF161C

Protanopia

#76741B

Deuteranopia

#808C1A

Tritanopia

#B71919

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#F9E1E2
200
#F8BFC1
300
#F29195
400
#EB565B
500
#E51A21
600
#B7151B
700
#921115
800
#720D11
900
#530E10
950
#34090A

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026