#BD342A

#BD342A

Color Values

HEX

#BD342A

RGB

189, 52, 42

HSL

4.1, 63.6%, 45.3%

HSV

4.1, 77.8%, 74.1%

CMYK

0.0%, 72.5%, 77.8%, 25.9%

OKLCH

0.533 0.1755 28.6

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#BD342A

#2AB3BD

Analogous

#BD2A69

#BD7E2A

#BD342A

Triadic

#BD342A

#2ABD34

#342ABD

Split Complementary

#BD342A

#2ABD7E

#2A69BD

Tetradic

#BD342A

#69BD2A

#2AB3BD

#7E2ABD

Color Blindness Simulation

Original

#BD342A

Protanopia

#82802C

Deuteranopia

#8A942D

Tritanopia

#B62E2F

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E5E4
200
#F2C8C5
300
#E9A09B
400
#DD6D65
500
#D1392E
600
#A72E25
700
#85251E
800
#681D17
900
#4C1915
950
#300F0D

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

3.69:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026