#bd1f24 hex color

In a RGB color space, hex #bd1f24 is composed of 74.1% red, 12.2% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.6% magenta, 81% yellow and 25.9% black. It has a hue angle of 358.1 degrees, a saturation of 71.8% and a lightness of 43.1%. #bd1f24 color hex could be obtained by blending #ff3e48 with #7b0000. Closest websafe color is: #cc3333.

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

● #bd1f24 color description : Strong red.

The hexadecimal color #bd1f24 has RGB values of R:189, G:31, B:36 and CMYK values of C:0, M:0.84, Y:0.81, K:0.26. Its decimal value is 12394276.

Hex triplet	bd1f24	`#bd1f24`
RGB Decimal	189, 31, 36	`rgb(189,31,36)`
RGB Percent	74.1, 12.2, 14.1	`rgb(74.1%,12.2%,14.1%)`
CMYK	0, 84, 81, 26
HSL	358.1°, 71.8, 43.1	`hsl(358.1,71.8%,43.1%)`
HSV (or HSB)	358.1°, 83.6, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.103, 59.909, 39.253
XYZ	21.796, 11.929, 2.824
xyY	0.596, 0.326, 11.929
CIE-LCH	41.103, 71.623, 33.233
CIE-LUV	41.103, 116.968, 23.968
Hunter-Lab	34.538, 52.203, 19.329
Binary	10111101, 00011111, 00100100

#bd1f24
```
#bd1f24 rgb(189,31,36)
```
#1fbdb8
```
#1fbdb8 rgb(31,189,184)
```

Complementary Color

#bd1f73
```
#bd1f73 rgb(189,31,115)
```
#bd1f24
```
#bd1f24 rgb(189,31,36)
```
#bd691f
```
#bd691f rgb(189,105,31)
```

Analogous Color

#1f73bd
```
#1f73bd rgb(31,115,189)
```
#bd1f24
```
#bd1f24 rgb(189,31,36)
```
#1fbd69
```
#1fbd69 rgb(31,189,105)
```

Split Complementary Color

#1f24bd
```
#1f24bd rgb(31,36,189)
```
#bd1f24
```
#bd1f24 rgb(189,31,36)
```
#24bd1f
```
#24bd1f rgb(36,189,31)
```

Triadic Color

#b81fbd
```
#b81fbd rgb(184,31,189)
```
#bd1f24
```
#bd1f24 rgb(189,31,36)
```
#24bd1f
```
#24bd1f rgb(36,189,31)
```
#1fbdb8
```
#1fbdb8 rgb(31,189,184)
```

Tetradic Color

#7b1417
```
#7b1417 rgb(123,20,23)
```
#91181c
```
#91181c rgb(145,24,28)
```
#a71b20
```
#a71b20 rgb(167,27,32)
```
#bd1f24
```
#bd1f24 rgb(189,31,36)
```
#d32328
```
#d32328 rgb(211,35,40)
```
#dd3237
```
#dd3237 rgb(221,50,55)
```
#e1484c
```
#e1484c rgb(225,72,76)
```

Monochromatic Color

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

#bd1f4c
```
#bd1f4c rgb(189,31,76)
```
#bd1f3e
```
#bd1f3e rgb(189,31,62)
```
#bd1f31
```
#bd1f31 rgb(189,31,49)
```
#bd1f24
```
#bd1f24 rgb(189,31,36)
```
#bd271f
```
#bd271f rgb(189,39,31)
```
#bd341f
```
#bd341f rgb(189,52,31)
```
#bd421f
```
#bd421f rgb(189,66,31)
```

Similar Colors

Text with hexadecimal color #bd1f24

This text has a font color of #bd1f24.

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

#bd1f24 background color

This paragraph has a background color of #bd1f24.

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

#bd1f24 border color

This element has a border color of #bd1f24.

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

CSS codes

.text {color:#bd1f24;}

.background {background-color:#bd1f24;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140304
```
#140304 rgb(20,3,4)
```
#250607
```
#250607 rgb(37,6,7)
```
#36090a
```
#36090a rgb(54,9,10)
```
#470c0e
```
#470c0e rgb(71,12,14)
```
#580e11
```
#580e11 rgb(88,14,17)
```
#691114
```
#691114 rgb(105,17,20)
```
#7a1417
```
#7a1417 rgb(122,20,23)
```
#8a171a
```
#8a171a rgb(138,23,26)
```
#9b191e
```
#9b191e rgb(155,25,30)
```
#ac1c21
```
#ac1c21 rgb(172,28,33)
```
#bd1f24
```
#bd1f24 rgb(189,31,36)
```
#ce2227
```
#ce2227 rgb(206,34,39)
```

Shade Color Variation

#dc282d
```
#dc282d rgb(220,40,45)
```
#de383e
```
#de383e rgb(222,56,62)
```
#e1494e
```
#e1494e rgb(225,73,78)
```
#e45a5e
```
#e45a5e rgb(228,90,94)
```
#e76b6f
```
#e76b6f rgb(231,107,111)
```
#e97c7f
```
#e97c7f rgb(233,124,127)
```
#ec8d90
```
#ec8d90 rgb(236,141,144)
```
#ef9ea0
```
#ef9ea0 rgb(239,158,160)
```
#f2aeb1
```
#f2aeb1 rgb(242,174,177)
```
#f5bfc1
```
#f5bfc1 rgb(245,191,193)
```
#f7d0d1
```
#f7d0d1 rgb(247,208,209)
```
#fae1e2
```
#fae1e2 rgb(250,225,226)
```
#fdf2f2
```
#fdf2f2 rgb(253,242,242)
```

Tint Color Variation

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

#716b6b
```
#716b6b rgb(113,107,107)
```
#796363
```
#796363 rgb(121,99,99)
```
#825a5b
```
#825a5b rgb(130,90,91)
```
#8a5254
```
#8a5254 rgb(138,82,84)
```
#93494c
```
#93494c rgb(147,73,76)
```
#9b4144
```
#9b4144 rgb(155,65,68)
```
#a4383c
```
#a4383c rgb(164,56,60)
```
#ac3034
```
#ac3034 rgb(172,48,52)
```
#b5272c
```
#b5272c rgb(181,39,44)
```
#bd1f24
```
#bd1f24 rgb(189,31,36)
```
#c5171c
```
#c5171c rgb(197,23,28)
```
#ce0e14
```
#ce0e14 rgb(206,14,20)
```
#d6060c
```
#d6060c rgb(214,6,12)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#654546 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72693f Protanopia 1% of men
#826421 Deuteranopia 1% of men
#c02b2b Tritanopia 0.001% of the population

Trichromacy

#8d4e35 Protanomaly 1% of men, 0.01% of women
#974b22 Deuteranomaly 6% of men, 0.4% of women
#bf2628 Tritanomaly 0.01% of the population

#bd1f24 hex color

#bd1f24 Color Information

#bd1f24 Color Conversion

Color Schemes with #bd1f24

Alternatives to #bd1f24

#bd1f24 Preview

Shades and Tints of #bd1f24

Tones of #bd1f24

Color Blindness Simulator