#BD342F

#BD342F

Color Values

HEX

#BD342F

RGB

189, 52, 47

HSL

2.1, 60.2%, 46.3%

HSV

2.1, 75.1%, 74.1%

CMYK

0.0%, 72.5%, 75.1%, 25.9%

OKLCH

0.5336 0.1747 27.0

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#BD342F

#2FB8BD

Analogous

#BD2F71

#BD7B2F

#BD342F

Triadic

#BD342F

#2FBD34

#342FBD

Split Complementary

#BD342F

#2FBD7B

#2F71BD

Tetradic

#BD342F

#71BD2F

#2FB8BD

#7B2FBD

Color Blindness Simulation

Original

#BD342F

Protanopia

#828030

Deuteranopia

#8A9430

Tritanopia

#B63131

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C7C6
300
#E7A09D
400
#D96C68
500
#CC3833
600
#A32D29
700
#832420
800
#661C19
900
#4B1816
950
#2F0F0E

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026