#bd1224 hex color

In a RGB color space, hex #bd1224 is composed of 74.1% red, 7.1% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.5% magenta, 81% yellow and 25.9% black. It has a hue angle of 353.7 degrees, a saturation of 82.6% and a lightness of 40.6%. #bd1224 color hex could be obtained by blending #ff2448 with #7b0000. Closest websafe color is: #cc0033.

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

● #bd1224 color description : Strong red.

The hexadecimal color #bd1224 has RGB values of R:189, G:18, B:36 and CMYK values of C:0, M:0.9, Y:0.81, K:0.26. Its decimal value is 12390948.

Hex triplet	bd1224	`#bd1224`
RGB Decimal	189, 18, 36	`rgb(189,18,36)`
RGB Percent	74.1, 7.1, 14.1	`rgb(74.1%,7.1%,14.1%)`
CMYK	0, 90, 81, 26
HSL	353.7°, 82.6, 40.6	`hsl(353.7,82.6%,40.6%)`
HSV (or HSB)	353.7°, 90.5, 74.1
Web Safe	cc0033	`#cc0033`

CIE-LAB	40.216, 62.446, 38.368
XYZ	21.522, 11.382, 2.733
xyY	0.604, 0.319, 11.382
CIE-LCH	40.216, 73.291, 31.567
CIE-LUV	40.216, 121.108, 22.324
Hunter-Lab	33.737, 54.834, 18.813
Binary	10111101, 00010010, 00100100

#bd1224
```
#bd1224 rgb(189,18,36)
```
#12bdab
```
#12bdab rgb(18,189,171)
```

Complementary Color

#bd127a
```
#bd127a rgb(189,18,122)
```
#bd1224
```
#bd1224 rgb(189,18,36)
```
#bd5612
```
#bd5612 rgb(189,86,18)
```

Analogous Color

#127abd
```
#127abd rgb(18,122,189)
```
#bd1224
```
#bd1224 rgb(189,18,36)
```
#12bd56
```
#12bd56 rgb(18,189,86)
```

Split Complementary Color

#1224bd
```
#1224bd rgb(18,36,189)
```
#bd1224
```
#bd1224 rgb(189,18,36)
```
#24bd12
```
#24bd12 rgb(36,189,18)
```

Triadic Color

#ab12bd
```
#ab12bd rgb(171,18,189)
```
#bd1224
```
#bd1224 rgb(189,18,36)
```
#24bd12
```
#24bd12 rgb(36,189,18)
```
#12bdab
```
#12bdab rgb(18,189,171)
```

Tetradic Color

#770b17
```
#770b17 rgb(119,11,23)
```
#8e0e1b
```
#8e0e1b rgb(142,14,27)
```
#a61020
```
#a61020 rgb(166,16,32)
```
#bd1224
```
#bd1224 rgb(189,18,36)
```
#d41428
```
#d41428 rgb(212,20,40)
```
#e9192f
```
#e9192f rgb(233,25,47)
```
#eb3044
```
#eb3044 rgb(235,48,68)
```

Monochromatic Color

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

#bd124f
```
#bd124f rgb(189,18,79)
```
#bd1240
```
#bd1240 rgb(189,18,64)
```
#bd1232
```
#bd1232 rgb(189,18,50)
```
#bd1224
```
#bd1224 rgb(189,18,36)
```
#bd1216
```
#bd1216 rgb(189,18,22)
```
#bd1d12
```
#bd1d12 rgb(189,29,18)
```
#bd2b12
```
#bd2b12 rgb(189,43,18)
```

Similar Colors

Text with hexadecimal color #bd1224

This text has a font color of #bd1224.

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

#bd1224 background color

This paragraph has a background color of #bd1224.

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

#bd1224 border color

This element has a border color of #bd1224.

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

CSS codes

.text {color:#bd1224;}

.background {background-color:#bd1224;}

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

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, #0a0102 is the darkest color, while #fef7f8 is the lightest one.

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1c0305
```
#1c0305 rgb(28,3,5)
```
#2e0409
```
#2e0409 rgb(46,4,9)
```
#40060c
```
#40060c rgb(64,6,12)
```
#520810
```
#520810 rgb(82,8,16)
```
#630913
```
#630913 rgb(99,9,19)
```
#750b16
```
#750b16 rgb(117,11,22)
```
#870d1a
```
#870d1a rgb(135,13,26)
```
#990f1d
```
#990f1d rgb(153,15,29)
```
#ab1021
```
#ab1021 rgb(171,16,33)
```
#bd1224
```
#bd1224 rgb(189,18,36)
```
#cf1427
```
#cf1427 rgb(207,20,39)
```
#e1152b
```
#e1152b rgb(225,21,43)
```

Shade Color Variation

#ea2035
```
#ea2035 rgb(234,32,53)
```
#eb3246
```
#eb3246 rgb(235,50,70)
```
#ed4456
```
#ed4456 rgb(237,68,86)
```
#ef5666
```
#ef5666 rgb(239,86,102)
```
#f16876
```
#f16876 rgb(241,104,118)
```
#f27a86
```
#f27a86 rgb(242,122,134)
```
#f48c97
```
#f48c97 rgb(244,140,151)
```
#f69da7
```
#f69da7 rgb(246,157,167)
```
#f7afb7
```
#f7afb7 rgb(247,175,183)
```
#f9c1c7
```
#f9c1c7 rgb(249,193,199)
```
#fbd3d7
```
#fbd3d7 rgb(251,211,215)
```
#fde5e8
```
#fde5e8 rgb(253,229,232)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#6d6263
```
#6d6263 rgb(109,98,99)
```
#755a5d
```
#755a5d rgb(117,90,93)
```
#7d5256
```
#7d5256 rgb(125,82,86)
```
#854a50
```
#854a50 rgb(133,74,80)
```
#8d424a
```
#8d424a rgb(141,66,74)
```
#953a43
```
#953a43 rgb(149,58,67)
```
#9d323d
```
#9d323d rgb(157,50,61)
```
#a52a37
```
#a52a37 rgb(165,42,55)
```
#ad2231
```
#ad2231 rgb(173,34,49)
```
#b51a2a
```
#b51a2a rgb(181,26,42)
```
#bd1224
```
#bd1224 rgb(189,18,36)
```
#c50a1e
```
#c50a1e rgb(197,10,30)
```
#cd0217
```
#cd0217 rgb(205,2,23)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#5f3c40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706741 Protanopia 1% of men
#806221 Deuteranopia 1% of men
#c0211f Tritanopia 0.001% of the population

Trichromacy

#8c4836 Protanomaly 1% of men, 0.01% of women
#964522 Deuteranomaly 6% of men, 0.4% of women
#be1b21 Tritanomaly 0.01% of the population

#bd1224 hex color

#bd1224 Color Information

#bd1224 Color Conversion

Color Schemes with #bd1224

Alternatives to #bd1224

#bd1224 Preview

Shades and Tints of #bd1224

Tones of #bd1224

Color Blindness Simulator