#d30f36 hex color

In a RGB color space, hex #d30f36 is composed of 82.7% red, 5.9% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.9% magenta, 74.4% yellow and 17.3% black. It has a hue angle of 348.1 degrees, a saturation of 86.7% and a lightness of 44.3%. #d30f36 color hex could be obtained by blending #ff1e6c with #a70000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 83
- G 6
- B 21
RGB color chart
- C 0
- M 93
- Y 74
- K 17
CMYK color chart

● #d30f36 color description : Strong red.

The hexadecimal color #d30f36 has RGB values of R:211, G:15, B:54 and CMYK values of C:0, M:0.93, Y:0.74, K:0.17. Its decimal value is 13831990.

Hex triplet	d30f36	`#d30f36`
RGB Decimal	211, 15, 54	`rgb(211,15,54)`
RGB Percent	82.7, 5.9, 21.2	`rgb(82.7%,5.9%,21.2%)`
CMYK	0, 93, 74, 17
HSL	348.1°, 86.7, 44.3	`hsl(348.1,86.7%,44.3%)`
HSV (or HSB)	348.1°, 92.9, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	44.886, 69.068, 34.215
XYZ	27.702, 14.46, 4.822
xyY	0.59, 0.308, 14.46
CIE-LCH	44.886, 77.078, 26.353
CIE-LUV	44.886, 134.131, 19.841
Hunter-Lab	38.027, 63.488, 19.1
Binary	11010011, 00001111, 00110110

#d30f36
```
#d30f36 rgb(211,15,54)
```
#0fd3ac
```
#0fd3ac rgb(15,211,172)
```

Complementary Color

#d30f98
```
#d30f98 rgb(211,15,152)
```
#d30f36
```
#d30f36 rgb(211,15,54)
```
#d34a0f
```
#d34a0f rgb(211,74,15)
```

Analogous Color

#0f98d3
```
#0f98d3 rgb(15,152,211)
```
#d30f36
```
#d30f36 rgb(211,15,54)
```
#0fd34a
```
#0fd34a rgb(15,211,74)
```

Split Complementary Color

#0f36d3
```
#0f36d3 rgb(15,54,211)
```
#d30f36
```
#d30f36 rgb(211,15,54)
```
#36d30f
```
#36d30f rgb(54,211,15)
```

Triadic Color

#ac0fd3
```
#ac0fd3 rgb(172,15,211)
```
#d30f36
```
#d30f36 rgb(211,15,54)
```
#36d30f
```
#36d30f rgb(54,211,15)
```
#0fd3ac
```
#0fd3ac rgb(15,211,172)
```

Tetradic Color

#8c0a24
```
#8c0a24 rgb(140,10,36)
```
#a30c2a
```
#a30c2a rgb(163,12,42)
```
#bb0d30
```
#bb0d30 rgb(187,13,48)
```
#d30f36
```
#d30f36 rgb(211,15,54)
```
#eb113c
```
#eb113c rgb(235,17,60)
```
#f0254e
```
#f0254e rgb(240,37,78)
```
#f13d61
```
#f13d61 rgb(241,61,97)
```

Monochromatic Color

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

#d30f67
```
#d30f67 rgb(211,15,103)
```
#d30f57
```
#d30f57 rgb(211,15,87)
```
#d30f46
```
#d30f46 rgb(211,15,70)
```
#d30f36
```
#d30f36 rgb(211,15,54)
```
#d30f26
```
#d30f26 rgb(211,15,38)
```
#d30f15
```
#d30f15 rgb(211,15,21)
```
#d3190f
```
#d3190f rgb(211,25,15)
```

Similar Colors

Text with hexadecimal color #d30f36

This text has a font color of #d30f36.

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

#d30f36 background color

This paragraph has a background color of #d30f36.

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

#d30f36 border color

This element has a border color of #d30f36.

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

CSS codes

.text {color:#d30f36;}

.background {background-color:#d30f36;}

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

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 #fef6f8 is the lightest one.

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1c0207
```
#1c0207 rgb(28,2,7)
```
#2e030c
```
#2e030c rgb(46,3,12)
```
#400511
```
#400511 rgb(64,5,17)
```
#530615
```
#530615 rgb(83,6,21)
```
#65071a
```
#65071a rgb(101,7,26)
```
#77081f
```
#77081f rgb(119,8,31)
```
#8a0a23
```
#8a0a23 rgb(138,10,35)
```
#9c0b28
```
#9c0b28 rgb(156,11,40)
```
#ae0c2d
```
#ae0c2d rgb(174,12,45)
```
#c10e31
```
#c10e31 rgb(193,14,49)
```
#d30f36
```
#d30f36 rgb(211,15,54)
```
#e5103b
```
#e5103b rgb(229,16,59)
```

Shade Color Variation

#ef1a45
```
#ef1a45 rgb(239,26,69)
```
#f02d54
```
#f02d54 rgb(240,45,84)
```
#f13f63
```
#f13f63 rgb(241,63,99)
```
#f35172
```
#f35172 rgb(243,81,114)
```
#f46480
```
#f46480 rgb(244,100,128)
```
#f5768f
```
#f5768f rgb(245,118,143)
```
#f7889e
```
#f7889e rgb(247,136,158)
```
#f89bad
```
#f89bad rgb(248,155,173)
```
#f9adbc
```
#f9adbc rgb(249,173,188)
```
#fabfcb
```
#fabfcb rgb(250,191,203)
```
#fcd2da
```
#fcd2da rgb(252,210,218)
```
#fde4e9
```
#fde4e9 rgb(253,228,233)
```
#fef6f8
```
#fef6f8 rgb(254,246,248)
```

Tint Color Variation

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

#736f70
```
#736f70 rgb(115,111,112)
```
#7c666a
```
#7c666a rgb(124,102,106)
```
#855d65
```
#855d65 rgb(133,93,101)
```
#8d5560
```
#8d5560 rgb(141,85,96)
```
#964c5b
```
#964c5b rgb(150,76,91)
```
#9f4355
```
#9f4355 rgb(159,67,85)
```
#a83a50
```
#a83a50 rgb(168,58,80)
```
#b0324b
```
#b0324b rgb(176,50,75)
```
#b92946
```
#b92946 rgb(185,41,70)
```
#c22040
```
#c22040 rgb(194,32,64)
```
#ca183b
```
#ca183b rgb(202,24,59)
```
#d30f36
```
#d30f36 rgb(211,15,54)
```
#dc0631
```
#dc0631 rgb(220,6,49)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#694149 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797157 Protanopia 1% of men
#8c6c33 Deuteranopia 1% of men
#d42421 Tritanopia 0.001% of the population

Trichromacy

#9a4d4b Protanomaly 1% of men, 0.01% of women
#a54a34 Deuteranomaly 6% of men, 0.4% of women
#d41c28 Tritanomaly 0.01% of the population

#d30f36 hex color

#d30f36 Color Information

#d30f36 Color Conversion

Color Schemes with #d30f36

Alternatives to #d30f36

#d30f36 Preview

Shades and Tints of #d30f36

Tones of #d30f36

Color Blindness Simulator