#BB4342

#BB4342

Color Values

HEX

#BB4342

RGB

187, 67, 66

HSL

0.5, 47.8%, 49.6%

HSV

0.5, 64.7%, 73.3%

CMYK

0.0%, 64.2%, 64.7%, 26.7%

OKLCH

0.5496 0.1554 24.2

Properties

Warm Dark Nearest: Mahogany

Color Harmonies

Complementary

#BB4342

#42BABB

Analogous

#BB427D

#BB7F42

#BB4342

Triadic

#BB4342

#42BB43

#4342BB

Split Complementary

#BB4342

#42BB7F

#427DBB

Tetradic

#BB4342

#7DBB42

#42BABB

#7F42BB

Color Blindness Simulation

Original

#BB4342

Protanopia

#878642

Deuteranopia

#8E9742

Tritanopia

#B54242

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCBCA
300
#DFA5A5
400
#CE7474
500
#BC4443
600
#973635
700
#792B2B
800
#5E2221
900
#451C1C
950
#2C1211

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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