#d30a22 hex color

In a RGB color space, hex #d30a22 is composed of 82.7% red, 3.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.3% magenta, 83.9% yellow and 17.3% black. It has a hue angle of 352.8 degrees, a saturation of 91% and a lightness of 43.3%. #d30a22 color hex could be obtained by blending #ff1444 with #a70000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 83
- G 4
- B 13
RGB color chart
- C 0
- M 95
- Y 84
- K 17
CMYK color chart

● #d30a22 color description : Strong red.

The hexadecimal color #d30a22 has RGB values of R:211, G:10, B:34 and CMYK values of C:0, M:0.95, Y:0.84, K:0.17. Its decimal value is 13830690.

Hex triplet	d30a22	`#d30a22`
RGB Decimal	211, 10, 34	`rgb(211,10,34)`
RGB Percent	82.7, 3.9, 13.3	`rgb(82.7%,3.9%,13.3%)`
CMYK	0, 95, 84, 17
HSL	352.8°, 91, 43.3	`hsl(352.8,91%,43.3%)`
HSV (or HSB)	352.8°, 95.3, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	44.497, 68.983, 45.161
XYZ	27.263, 14.185, 2.816
xyY	0.616, 0.32, 14.185
CIE-LCH	44.497, 82.451, 33.212
CIE-LUV	44.497, 139.422, 26.284
Hunter-Lab	37.663, 63.298, 21.931
Binary	11010011, 00001010, 00100010

#d30a22
```
#d30a22 rgb(211,10,34)
```
#0ad3bb
```
#0ad3bb rgb(10,211,187)
```

Complementary Color

#d30a87
```
#d30a87 rgb(211,10,135)
```
#d30a22
```
#d30a22 rgb(211,10,34)
```
#d3560a
```
#d3560a rgb(211,86,10)
```

Analogous Color

#0a87d3
```
#0a87d3 rgb(10,135,211)
```
#d30a22
```
#d30a22 rgb(211,10,34)
```
#0ad356
```
#0ad356 rgb(10,211,86)
```

Split Complementary Color

#0a22d3
```
#0a22d3 rgb(10,34,211)
```
#d30a22
```
#d30a22 rgb(211,10,34)
```
#22d30a
```
#22d30a rgb(34,211,10)
```

Triadic Color

#bb0ad3
```
#bb0ad3 rgb(187,10,211)
```
#d30a22
```
#d30a22 rgb(211,10,34)
```
#22d30a
```
#22d30a rgb(34,211,10)
```
#0ad3bb
```
#0ad3bb rgb(10,211,187)
```

Tetradic Color

#8a0716
```
#8a0716 rgb(138,7,22)
```
#a2081a
```
#a2081a rgb(162,8,26)
```
#bb091e
```
#bb091e rgb(187,9,30)
```
#d30a22
```
#d30a22 rgb(211,10,34)
```
#eb0b26
```
#eb0b26 rgb(235,11,38)
```
#f41c36
```
#f41c36 rgb(244,28,54)
```
#f5344b
```
#f5344b rgb(245,52,75)
```

Monochromatic Color

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

#d30a54
```
#d30a54 rgb(211,10,84)
```
#d30a44
```
#d30a44 rgb(211,10,68)
```
#d30a33
```
#d30a33 rgb(211,10,51)
```
#d30a22
```
#d30a22 rgb(211,10,34)
```
#d30a11
```
#d30a11 rgb(211,10,17)
```
#d3130a
```
#d3130a rgb(211,19,10)
```
#d3240a
```
#d3240a rgb(211,36,10)
```

Similar Colors

Text with hexadecimal color #d30a22

This text has a font color of #d30a22.

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

#d30a22 background color

This paragraph has a background color of #d30a22.

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

#d30a22 border color

This element has a border color of #d30a22.

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

CSS codes

.text {color:#d30a22;}

.background {background-color:#d30a22;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#180104
```
#180104 rgb(24,1,4)
```
#2a0207
```
#2a0207 rgb(42,2,7)
```
#3d030a
```
#3d030a rgb(61,3,10)
```
#50040d
```
#50040d rgb(80,4,13)
```
#630510
```
#630510 rgb(99,5,16)
```
#750613
```
#750613 rgb(117,6,19)
```
#880616
```
#880616 rgb(136,6,22)
```
#9b0719
```
#9b0719 rgb(155,7,25)
```
#ae081c
```
#ae081c rgb(174,8,28)
```
#c0091f
```
#c0091f rgb(192,9,31)
```
#d30a22
```
#d30a22 rgb(211,10,34)
```
#e60b25
```
#e60b25 rgb(230,11,37)
```

Shade Color Variation

#f4112c
```
#f4112c rgb(244,17,44)
```
#f5233c
```
#f5233c rgb(245,35,60)
```
#f5364d
```
#f5364d rgb(245,54,77)
```
#f6495d
```
#f6495d rgb(246,73,93)
```
#f75b6e
```
#f75b6e rgb(247,91,110)
```
#f86e7f
```
#f86e7f rgb(248,110,127)
```
#f9818f
```
#f9818f rgb(249,129,143)
```
#fa94a0
```
#fa94a0 rgb(250,148,160)
```
#fba6b0
```
#fba6b0 rgb(251,166,176)
```
#fcb9c1
```
#fcb9c1 rgb(252,185,193)
```
#fdccd2
```
#fdccd2 rgb(253,204,210)
```
#fddfe2
```
#fddfe2 rgb(253,223,226)
```
#fef1f3
```
#fef1f3 rgb(254,241,243)
```

Tint Color Variation

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

#766869
```
#766869 rgb(118,104,105)
```
#7e5f63
```
#7e5f63 rgb(126,95,99)
```
#87575c
```
#87575c rgb(135,87,92)
```
#8f4e56
```
#8f4e56 rgb(143,78,86)
```
#98464f
```
#98464f rgb(152,70,79)
```
#a03d49
```
#a03d49 rgb(160,61,73)
```
#a93542
```
#a93542 rgb(169,53,66)
```
#b12c3c
```
#b12c3c rgb(177,44,60)
```
#ba2435
```
#ba2435 rgb(186,36,53)
```
#c21b2f
```
#c21b2f rgb(194,27,47)
```
#cb1328
```
#cb1328 rgb(203,19,40)
```
#d30a22
```
#d30a22 rgb(211,10,34)
```
#dc011c
```
#dc011c rgb(220,1,28)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#653c41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7140 Protanopia 1% of men
#8d6b19 Deuteranopia 1% of men
#d41c15 Tritanopia 0.001% of the population

Trichromacy

#9b4b35 Protanomaly 1% of men, 0.01% of women
#a6481c Deuteranomaly 6% of men, 0.4% of women
#d41519 Tritanomaly 0.01% of the population

#d30a22 hex color

#d30a22 Color Information

#d30a22 Color Conversion

Color Schemes with #d30a22

Alternatives to #d30a22

#d30a22 Preview

Shades and Tints of #d30a22

Tones of #d30a22

Color Blindness Simulator