#BB403F

#BB403F

Color Values

HEX

#BB403F

RGB

187, 64, 63

HSL

0.5, 49.6%, 49.0%

HSV

0.5, 66.3%, 73.3%

CMYK

0.0%, 65.8%, 66.3%, 26.7%

OKLCH

0.5455 0.1589 24.5

Properties

Warm Dark Nearest: Mahogany

Color Harmonies

Complementary

#BB403F

#3FBABB

Analogous

#BB3F7C

#BB7E3F

#BB403F

Triadic

#BB403F

#3FBB40

#403FBB

Split Complementary

#BB403F

#3FBB7E

#3F7CBB

Tetradic

#BB403F

#7CBB3F

#3FBABB

#7E3FBB

Color Blindness Simulation

Original

#BB403F

Protanopia

#86853F

Deuteranopia

#8D963F

Tritanopia

#B53F3F

Achromatopsia

#5A5A5A

CSS Usage

background-color: #BB403F;
color: #BB403F;
border-color: #BB403F;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FBF4F4
100
#F5E6E6
200
#EDCACA
300
#E0A4A3
400
#CF7372
500
#BF4140
600
#993433
700
#7A2A29
800
#5F2120
900
#461B1B
950
#2C1111

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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