#BB342D

#BB342D

Color Values

HEX

#BB342D

RGB

187, 52, 45

HSL

3.0, 61.2%, 45.5%

HSV

3.0, 75.9%, 73.3%

CMYK

0.0%, 72.2%, 75.9%, 26.7%

OKLCH

0.5298 0.173 27.7

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#BB342D

#2DB4BB

Analogous

#BB2D6D

#BB7B2D

#BB342D

Triadic

#BB342D

#2DBB34

#342DBB

Split Complementary

#BB342D

#2DBB7B

#2D6DBB

Tetradic

#BB342D

#6DBB2D

#2DB4BB

#7B2DBB

Color Blindness Simulation

Original

#BB342D

Protanopia

#817F2F

Deuteranopia

#88922F

Tritanopia

#B43030

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C8C5
300
#E7A09C
400
#DA6D67
500
#CE3931
600
#A42E28
700
#842520
800
#671D19
900
#4B1816
950
#2F0F0E

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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