#bd3323 hex color

In a RGB color space, hex #bd3323 is composed of 74.1% red, 20% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73% magenta, 81.5% yellow and 25.9% black. It has a hue angle of 6.2 degrees, a saturation of 68.8% and a lightness of 43.9%. #bd3323 color hex could be obtained by blending #ff6646 with #7b0000. Closest websafe color is: #cc3333.

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

● #bd3323 color description : Strong red.

The hexadecimal color #bd3323 has RGB values of R:189, G:51, B:35 and CMYK values of C:0, M:0.73, Y:0.81, K:0.26. Its decimal value is 12399395.

Hex triplet	bd3323	`#bd3323`
RGB Decimal	189, 51, 35	`rgb(189,51,35)`
RGB Percent	74.1, 20, 13.7	`rgb(74.1%,20%,13.7%)`
CMYK	0, 73, 81, 26
HSL	6.2°, 68.8, 43.9	`hsl(6.2,68.8%,43.9%)`
HSV (or HSB)	6.2°, 81.5, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.227, 53.896, 41.872
XYZ	22.475, 13.311, 2.976
xyY	0.58, 0.343, 13.311
CIE-LCH	43.227, 68.25, 37.844
CIE-LUV	43.227, 107.463, 28.166
Hunter-Lab	36.484, 46.113, 20.702
Binary	10111101, 00110011, 00100011

#bd3323
```
#bd3323 rgb(189,51,35)
```
#23adbd
```
#23adbd rgb(35,173,189)
```

Complementary Color

#bd2360
```
#bd2360 rgb(189,35,96)
```
#bd3323
```
#bd3323 rgb(189,51,35)
```
#bd8023
```
#bd8023 rgb(189,128,35)
```

Analogous Color

#2360bd
```
#2360bd rgb(35,96,189)
```
#bd3323
```
#bd3323 rgb(189,51,35)
```
#23bd80
```
#23bd80 rgb(35,189,128)
```

Split Complementary Color

#3323bd
```
#3323bd rgb(51,35,189)
```
#bd3323
```
#bd3323 rgb(189,51,35)
```
#23bd33
```
#23bd33 rgb(35,189,51)
```

Triadic Color

#bd23ad
```
#bd23ad rgb(189,35,173)
```
#bd3323
```
#bd3323 rgb(189,51,35)
```
#23bd33
```
#23bd33 rgb(35,189,51)
```
#23adbd
```
#23adbd rgb(35,173,189)
```

Tetradic Color

#7c2217
```
#7c2217 rgb(124,34,23)
```
#92271b
```
#92271b rgb(146,39,27)
```
#a72d1f
```
#a72d1f rgb(167,45,31)
```
#bd3323
```
#bd3323 rgb(189,51,35)
```
#d33927
```
#d33927 rgb(211,57,39)
```
#da4a39
```
#da4a39 rgb(218,74,57)
```
#de5d4e
```
#de5d4e rgb(222,93,78)
```

Monochromatic Color

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

#bd2339
```
#bd2339 rgb(189,35,57)
```
#bd232d
```
#bd232d rgb(189,35,45)
```
#bd2623
```
#bd2623 rgb(189,38,35)
```
#bd3323
```
#bd3323 rgb(189,51,35)
```
#bd4023
```
#bd4023 rgb(189,64,35)
```
#bd4d23
```
#bd4d23 rgb(189,77,35)
```
#bd5a23
```
#bd5a23 rgb(189,90,35)
```

Similar Colors

Text with hexadecimal color #bd3323

This text has a font color of #bd3323.

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

#bd3323 background color

This paragraph has a background color of #bd3323.

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

#bd3323 border color

This element has a border color of #bd3323.

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

CSS codes

.text {color:#bd3323;}

.background {background-color:#bd3323;}

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

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, #070201 is the darkest color, while #fdf6f5 is the lightest one.

#070201
```
#070201 rgb(7,2,1)
```
#170604
```
#170604 rgb(23,6,4)
```
#280b07
```
#280b07 rgb(40,11,7)
```
#390f0a
```
#390f0a rgb(57,15,10)
```
#49140e
```
#49140e rgb(73,20,14)
```
#5a1811
```
#5a1811 rgb(90,24,17)
```
#6a1d14
```
#6a1d14 rgb(106,29,20)
```
#7b2117
```
#7b2117 rgb(123,33,23)
```
#8b261a
```
#8b261a rgb(139,38,26)
```
#9c2a1d
```
#9c2a1d rgb(156,42,29)
```
#ac2f20
```
#ac2f20 rgb(172,47,32)
```
#bd3323
```
#bd3323 rgb(189,51,35)
```
#ce3726
```
#ce3726 rgb(206,55,38)
```

Shade Color Variation

#d8402f
```
#d8402f rgb(216,64,47)
```
#dc503f
```
#dc503f rgb(220,80,63)
```
#df5f50
```
#df5f50 rgb(223,95,80)
```
#e26e60
```
#e26e60 rgb(226,110,96)
```
#e57d71
```
#e57d71 rgb(229,125,113)
```
#e88c82
```
#e88c82 rgb(232,140,130)
```
#eb9b92
```
#eb9b92 rgb(235,155,146)
```
#eeaaa3
```
#eeaaa3 rgb(238,170,163)
```
#f1bab3
```
#f1bab3 rgb(241,186,179)
```
#f4c9c4
```
#f4c9c4 rgb(244,201,196)
```
#f7d8d4
```
#f7d8d4 rgb(247,216,212)
```
#fae7e5
```
#fae7e5 rgb(250,231,229)
```
#fdf6f5
```
#fdf6f5 rgb(253,246,245)
```

Tint Color Variation

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

#786a68
```
#786a68 rgb(120,106,104)
```
#81635f
```
#81635f rgb(129,99,95)
```
#895c57
```
#895c57 rgb(137,92,87)
```
#92554e
```
#92554e rgb(146,85,78)
```
#9b4e45
```
#9b4e45 rgb(155,78,69)
```
#a3473d
```
#a3473d rgb(163,71,61)
```
#ac4134
```
#ac4134 rgb(172,65,52)
```
#b43a2c
```
#b43a2c rgb(180,58,44)
```
#bd3323
```
#bd3323 rgb(189,51,35)
```
#c62c1a
```
#c62c1a rgb(198,44,26)
```
#ce2512
```
#ce2512 rgb(206,37,18)
```
#d71f09
```
#d71f09 rgb(215,31,9)
```
#df1801
```
#df1801 rgb(223,24,1)
```

Tone Color Variation

Below, you can see how #bd3323 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

#5a5a5a Achromatopsia 0.005% of the population
#6e524f Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e3b Protanopia 1% of men
#886821 Deuteranopia 1% of men
#c03b3d Tritanopia 0.001% of the population

Trichromacy

#915832 Protanomaly 1% of men, 0.01% of women
#9b5522 Deuteranomaly 6% of men, 0.4% of women
#bf3834 Tritanomaly 0.01% of the population

#bd3323 hex color

#bd3323 Color Information

#bd3323 Color Conversion

Color Schemes with #bd3323

Alternatives to #bd3323

#bd3323 Preview

Shades and Tints of #bd3323

Tones of #bd3323

Color Blindness Simulator