#bd3237 hex color

In a RGB color space, hex #bd3237 is composed of 74.1% red, 19.6% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.5% magenta, 70.9% yellow and 25.9% black. It has a hue angle of 357.8 degrees, a saturation of 58.2% and a lightness of 46.9%. #bd3237 color hex could be obtained by blending #ff646e with #7b0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 20
- B 22
RGB color chart
- C 0
- M 74
- Y 71
- K 26
CMYK color chart

● #bd3237 color description : Moderate red.

The hexadecimal color #bd3237 has RGB values of R:189, G:50, B:55 and CMYK values of C:0, M:0.74, Y:0.71, K:0.26. Its decimal value is 12399159.

Hex triplet	bd3237	`#bd3237`
RGB Decimal	189, 50, 55	`rgb(189,50,55)`
RGB Percent	74.1, 19.6, 21.6	`rgb(74.1%,19.6%,21.6%)`
CMYK	0, 74, 71, 26
HSL	357.8°, 58.2, 46.9	`hsl(357.8,58.2%,46.9%)`
HSV (or HSB)	357.8°, 73.5, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.328, 55.027, 30.694
XYZ	22.817, 13.379, 4.995
xyY	0.554, 0.325, 13.379
CIE-LCH	43.328, 63.008, 29.153
CIE-LUV	43.328, 104.133, 20.59
Hunter-Lab	36.577, 47.344, 17.507
Binary	10111101, 00110010, 00110111

#bd3237
```
#bd3237 rgb(189,50,55)
```
#32bdb8
```
#32bdb8 rgb(50,189,184)
```

Complementary Color

#bd327d
```
#bd327d rgb(189,50,125)
```
#bd3237
```
#bd3237 rgb(189,50,55)
```
#bd7332
```
#bd7332 rgb(189,115,50)
```

Analogous Color

#327dbd
```
#327dbd rgb(50,125,189)
```
#bd3237
```
#bd3237 rgb(189,50,55)
```
#32bd73
```
#32bd73 rgb(50,189,115)
```

Split Complementary Color

#3237bd
```
#3237bd rgb(50,55,189)
```
#bd3237
```
#bd3237 rgb(189,50,55)
```
#37bd32
```
#37bd32 rgb(55,189,50)
```

Triadic Color

#b832bd
```
#b832bd rgb(184,50,189)
```
#bd3237
```
#bd3237 rgb(189,50,55)
```
#37bd32
```
#37bd32 rgb(55,189,50)
```
#32bdb8
```
#32bdb8 rgb(50,189,184)
```

Tetradic Color

#812225
```
#812225 rgb(129,34,37)
```
#95272b
```
#95272b rgb(149,39,43)
```
#a92d31
```
#a92d31 rgb(169,45,49)
```
#bd3237
```
#bd3237 rgb(189,50,55)
```
#cc3d42
```
#cc3d42 rgb(204,61,66)
```
#d15156
```
#d15156 rgb(209,81,86)
```
#d66569
```
#d66569 rgb(214,101,105)
```

Monochromatic Color

Below, you can see some colors close to #bd3237. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#bd325a
```
#bd325a rgb(189,50,90)
```
#bd324e
```
#bd324e rgb(189,50,78)
```
#bd3243
```
#bd3243 rgb(189,50,67)
```
#bd3237
```
#bd3237 rgb(189,50,55)
```
#bd3932
```
#bd3932 rgb(189,57,50)
```
#bd4432
```
#bd4432 rgb(189,68,50)
```
#bd5032
```
#bd5032 rgb(189,80,50)
```

Similar Colors

Text with hexadecimal color #bd3237

This text has a font color of #bd3237.

<span style="color:#bd3237;">Text here</span>

#bd3237 background color

This paragraph has a background color of #bd3237.

<p style="background-color:#bd3237;">Content here</p>

#bd3237 border color

This element has a border color of #bd3237.

<div style="border:1px solid #bd3237;">Content here</div>

CSS codes

.text {color:#bd3237;}

.background {background-color:#bd3237;}

.border {border:1px solid #bd3237;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030101 is the darkest color, while #fcf2f3 is the lightest one.

#030101
```
#030101 rgb(3,1,1)
```
#120505
```
#120505 rgb(18,5,5)
```
#22090a
```
#22090a rgb(34,9,10)
```
#310d0e
```
#310d0e rgb(49,13,14)
```
#411113
```
#411113 rgb(65,17,19)
```
#501517
```
#501517 rgb(80,21,23)
```
#60191c
```
#60191c rgb(96,25,28)
```
#6f1d20
```
#6f1d20 rgb(111,29,32)
```
#7f2225
```
#7f2225 rgb(127,34,37)
```
#8e2629
```
#8e2629 rgb(142,38,41)
```
#9e2a2e
```
#9e2a2e rgb(158,42,46)
```
#ad2e32
```
#ad2e32 rgb(173,46,50)
```
#bd3237
```
#bd3237 rgb(189,50,55)
```

Shade Color Variation

#ca383d
```
#ca383d rgb(202,56,61)
```
#cf484d
```
#cf484d rgb(207,72,77)
```
#d3575c
```
#d3575c rgb(211,87,92)
```
#d7676b
```
#d7676b rgb(215,103,107)
```
#db767a
```
#db767a rgb(219,118,122)
```
#df8689
```
#df8689 rgb(223,134,137)
```
#e39598
```
#e39598 rgb(227,149,152)
```
#e7a5a7
```
#e7a5a7 rgb(231,165,167)
```
#ebb4b6
```
#ebb4b6 rgb(235,180,182)
```
#efc4c5
```
#efc4c5 rgb(239,196,197)
```
#f3d3d4
```
#f3d3d4 rgb(243,211,212)
```
#f8e3e4
```
#f8e3e4 rgb(248,227,228)
```
#fcf2f3
```
#fcf2f3 rgb(252,242,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7273 is the less saturated color, while #eb040c is the most saturated one.

#7d7273
```
#7d7273 rgb(125,114,115)
```
#86696a
```
#86696a rgb(134,105,106)
```
#8f6062
```
#8f6062 rgb(143,96,98)
```
#985759
```
#985759 rgb(152,87,89)
```
#a14e51
```
#a14e51 rgb(161,78,81)
```
#ab4448
```
#ab4448 rgb(171,68,72)
```
#b43b40
```
#b43b40 rgb(180,59,64)
```
#bd3237
```
#bd3237 rgb(189,50,55)
```
#c6292e
```
#c6292e rgb(198,41,46)
```
#cf2026
```
#cf2026 rgb(207,32,38)
```
#d9161d
```
#d9161d rgb(217,22,29)
```
#e20d15
```
#e20d15 rgb(226,13,21)
```
#eb040c
```
#eb040c rgb(235,4,12)
```

Tone Color Variation

Below, you can see how #bd3237 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5c5c5c Achromatopsia 0.005% of the population
#6f5455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766e51 Protanopia 1% of men
#866937 Deuteranopia 1% of men
#c03d3f Tritanopia 0.001% of the population

Trichromacy

#8f5848 Protanomaly 1% of men, 0.01% of women
#9a5537 Deuteranomaly 6% of men, 0.4% of women
#bf393c Tritanomaly 0.01% of the population

#bd3237 hex color

#bd3237 Color Information

#bd3237 Color Conversion

Color Schemes with #bd3237

Alternatives to #bd3237

#bd3237 Preview

Shades and Tints of #bd3237

Tones of #bd3237

Color Blindness Simulator