#bd3036 hex color

In a RGB color space, hex #bd3036 is composed of 74.1% red, 18.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.6% magenta, 71.4% yellow and 25.9% black. It has a hue angle of 357.4 degrees, a saturation of 59.5% and a lightness of 46.5%. #bd3036 color hex could be obtained by blending #ff606c with #7b0000. Closest websafe color is: #cc3333.

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

● #bd3036 color description : Moderate red.

The hexadecimal color #bd3036 has RGB values of R:189, G:48, B:54 and CMYK values of C:0, M:0.75, Y:0.71, K:0.26. Its decimal value is 12398646.

Hex triplet	bd3036	`#bd3036`
RGB Decimal	189, 48, 54	`rgb(189,48,54)`
RGB Percent	74.1, 18.8, 21.2	`rgb(74.1%,18.8%,21.2%)`
CMYK	0, 75, 71, 26
HSL	357.4°, 59.5, 46.5	`hsl(357.4,59.5%,46.5%)`
HSV (or HSB)	357.4°, 74.6, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.066, 55.67, 30.979
XYZ	22.71, 13.202, 4.842
xyY	0.557, 0.324, 13.202
CIE-LCH	43.066, 63.709, 29.095
CIE-LUV	43.066, 105.411, 20.545
Hunter-Lab	36.334, 47.984, 17.532
Binary	10111101, 00110000, 00110110

#bd3036
```
#bd3036 rgb(189,48,54)
```
#30bdb7
```
#30bdb7 rgb(48,189,183)
```

Complementary Color

#bd307d
```
#bd307d rgb(189,48,125)
```
#bd3036
```
#bd3036 rgb(189,48,54)
```
#bd7130
```
#bd7130 rgb(189,113,48)
```

Analogous Color

#307dbd
```
#307dbd rgb(48,125,189)
```
#bd3036
```
#bd3036 rgb(189,48,54)
```
#30bd71
```
#30bd71 rgb(48,189,113)
```

Split Complementary Color

#3036bd
```
#3036bd rgb(48,54,189)
```
#bd3036
```
#bd3036 rgb(189,48,54)
```
#36bd30
```
#36bd30 rgb(54,189,48)
```

Triadic Color

#b730bd
```
#b730bd rgb(183,48,189)
```
#bd3036
```
#bd3036 rgb(189,48,54)
```
#36bd30
```
#36bd30 rgb(54,189,48)
```
#30bdb7
```
#30bdb7 rgb(48,189,183)
```

Tetradic Color

#802125
```
#802125 rgb(128,33,37)
```
#94262a
```
#94262a rgb(148,38,42)
```
#a92b30
```
#a92b30 rgb(169,43,48)
```
#bd3036
```
#bd3036 rgb(189,48,54)
```
#cd3a40
```
#cd3a40 rgb(205,58,64)
```
#d24e54
```
#d24e54 rgb(210,78,84)
```
#d76267
```
#d76267 rgb(215,98,103)
```

Monochromatic Color

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

#bd3059
```
#bd3059 rgb(189,48,89)
```
#bd304e
```
#bd304e rgb(189,48,78)
```
#bd3042
```
#bd3042 rgb(189,48,66)
```
#bd3036
```
#bd3036 rgb(189,48,54)
```
#bd3630
```
#bd3630 rgb(189,54,48)
```
#bd4230
```
#bd4230 rgb(189,66,48)
```
#bd4d30
```
#bd4d30 rgb(189,77,48)
```

Similar Colors

Text with hexadecimal color #bd3036

This text has a font color of #bd3036.

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

#bd3036 background color

This paragraph has a background color of #bd3036.

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

#bd3036 border color

This element has a border color of #bd3036.

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

CSS codes

.text {color:#bd3036;}

.background {background-color:#bd3036;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110405
```
#110405 rgb(17,4,5)
```
#210809
```
#210809 rgb(33,8,9)
```
#300c0e
```
#300c0e rgb(48,12,14)
```
#401012
```
#401012 rgb(64,16,18)
```
#501417
```
#501417 rgb(80,20,23)
```
#5f181b
```
#5f181b rgb(95,24,27)
```
#6f1c20
```
#6f1c20 rgb(111,28,32)
```
#7e2024
```
#7e2024 rgb(126,32,36)
```
#8e2429
```
#8e2429 rgb(142,36,41)
```
#9e282d
```
#9e282d rgb(158,40,45)
```
#ad2c32
```
#ad2c32 rgb(173,44,50)
```
#bd3036
```
#bd3036 rgb(189,48,54)
```

Shade Color Variation

#cc353b
```
#cc353b rgb(204,53,59)
```
#d0454a
```
#d0454a rgb(208,69,74)
```
#d4545a
```
#d4545a rgb(212,84,90)
```
#d86469
```
#d86469 rgb(216,100,105)
```
#dc7478
```
#dc7478 rgb(220,116,120)
```
#e08387
```
#e08387 rgb(224,131,135)
```
#e49396
```
#e49396 rgb(228,147,150)
```
#e7a2a5
```
#e7a2a5 rgb(231,162,165)
```
#ebb2b5
```
#ebb2b5 rgb(235,178,181)
```
#efc2c4
```
#efc2c4 rgb(239,194,196)
```
#f3d1d3
```
#f3d1d3 rgb(243,209,211)
```
#f7e1e2
```
#f7e1e2 rgb(247,225,226)
```
#fbf1f1
```
#fbf1f1 rgb(251,241,241)
```

Tint Color Variation

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

#7d7070
```
#7d7070 rgb(125,112,112)
```
#866768
```
#866768 rgb(134,103,104)
```
#8f5e60
```
#8f5e60 rgb(143,94,96)
```
#995457
```
#995457 rgb(153,84,87)
```
#a24b4f
```
#a24b4f rgb(162,75,79)
```
#ab4247
```
#ab4247 rgb(171,66,71)
```
#b4393e
```
#b4393e rgb(180,57,62)
```
#bd3036
```
#bd3036 rgb(189,48,54)
```
#c6272e
```
#c6272e rgb(198,39,46)
```
#cf1e25
```
#cf1e25 rgb(207,30,37)
```
#d8151d
```
#d8151d rgb(216,21,29)
```
#e10c15
```
#e10c15 rgb(225,12,21)
```
#eb020c
```
#eb020c rgb(235,2,12)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6f5254 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756d51 Protanopia 1% of men
#866836 Deuteranopia 1% of men
#c03b3d Tritanopia 0.001% of the population

Trichromacy

#8f5747 Protanomaly 1% of men, 0.01% of women
#9a5436 Deuteranomaly 6% of men, 0.4% of women
#bf373a Tritanomaly 0.01% of the population

#bd3036 hex color

#bd3036 Color Information

#bd3036 Color Conversion

Color Schemes with #bd3036

Alternatives to #bd3036

#bd3036 Preview

Shades and Tints of #bd3036

Tones of #bd3036

Color Blindness Simulator