#d22d30 hex color

In a RGB color space, hex #d22d30 is composed of 82.4% red, 17.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.6% magenta, 77.1% yellow and 17.6% black. It has a hue angle of 358.9 degrees, a saturation of 64.7% and a lightness of 50%. #d22d30 color hex could be obtained by blending #ff5a60 with #a50000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 82
- G 18
- B 19
RGB color chart
- C 0
- M 79
- Y 77
- K 18
CMYK color chart

● #d22d30 color description : Strong red.

The hexadecimal color #d22d30 has RGB values of R:210, G:45, B:48 and CMYK values of C:0, M:0.79, Y:0.77, K:0.18. Its decimal value is 13774128.

Hex triplet	d22d30	`#d22d30`
RGB Decimal	210, 45, 48	`rgb(210,45,48)`
RGB Percent	82.4, 17.6, 18.8	`rgb(82.4%,17.6%,18.8%)`
CMYK	0, 79, 77, 18
HSL	358.9°, 64.7, 50	`hsl(358.9,64.7%,50%)`
HSV (or HSB)	358.9°, 78.6, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.705, 62.618, 39.647
XYZ	28.052, 15.795, 4.368
xyY	0.582, 0.328, 15.795
CIE-LCH	46.705, 74.114, 32.34
CIE-LUV	46.705, 124.868, 26.027
Hunter-Lab	39.743, 56.438, 21.304
Binary	11010010, 00101101, 00110000

#d22d30
```
#d22d30 rgb(210,45,48)
```
#2dd2cf
```
#2dd2cf rgb(45,210,207)
```

Complementary Color

#d22d83
```
#d22d83 rgb(210,45,131)
```
#d22d30
```
#d22d30 rgb(210,45,48)
```
#d27d2d
```
#d27d2d rgb(210,125,45)
```

Analogous Color

#2d83d2
```
#2d83d2 rgb(45,131,210)
```
#d22d30
```
#d22d30 rgb(210,45,48)
```
#2dd27d
```
#2dd27d rgb(45,210,125)
```

Split Complementary Color

#2d30d2
```
#2d30d2 rgb(45,48,210)
```
#d22d30
```
#d22d30 rgb(210,45,48)
```
#30d22d
```
#30d22d rgb(48,210,45)
```

Triadic Color

#cf2dd2
```
#cf2dd2 rgb(207,45,210)
```
#d22d30
```
#d22d30 rgb(210,45,48)
```
#30d22d
```
#30d22d rgb(48,210,45)
```
#2dd2cf
```
#2dd2cf rgb(45,210,207)
```

Tetradic Color

#932022
```
#932022 rgb(147,32,34)
```
#a82426
```
#a82426 rgb(168,36,38)
```
#bd292b
```
#bd292b rgb(189,41,43)
```
#d22d30
```
#d22d30 rgb(210,45,48)
```
#d74245
```
#d74245 rgb(215,66,69)
```
#db5759
```
#db5759 rgb(219,87,89)
```
#e06c6e
```
#e06c6e rgb(224,108,110)
```

Monochromatic Color

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

#d22d59
```
#d22d59 rgb(210,45,89)
```
#d22d4c
```
#d22d4c rgb(210,45,76)
```
#d22d3e
```
#d22d3e rgb(210,45,62)
```
#d22d30
```
#d22d30 rgb(210,45,48)
```
#d2382d
```
#d2382d rgb(210,56,45)
```
#d2452d
```
#d2452d rgb(210,69,45)
```
#d2532d
```
#d2532d rgb(210,83,45)
```

Similar Colors

Text with hexadecimal color #d22d30

This text has a font color of #d22d30.

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

#d22d30 background color

This paragraph has a background color of #d22d30.

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

#d22d30 border color

This element has a border color of #d22d30.

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

CSS codes

.text {color:#d22d30;}

.background {background-color:#d22d30;}

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

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

#100304
```
#100304 rgb(16,3,4)
```
#200707
```
#200707 rgb(32,7,7)
```
#300a0b
```
#300a0b rgb(48,10,11)
```
#410e0f
```
#410e0f rgb(65,14,15)
```
#511112
```
#511112 rgb(81,17,18)
```
#611516
```
#611516 rgb(97,21,22)
```
#71181a
```
#71181a rgb(113,24,26)
```
#811c1e
```
#811c1e rgb(129,28,30)
```
#911f21
```
#911f21 rgb(145,31,33)
```
#a22325
```
#a22325 rgb(162,35,37)
```
#b22629
```
#b22629 rgb(178,38,41)
```
#c22a2c
```
#c22a2c rgb(194,42,44)
```
#d22d30
```
#d22d30 rgb(210,45,48)
```

Shade Color Variation

#d53d40
```
#d53d40 rgb(213,61,64)
```
#d94d50
```
#d94d50 rgb(217,77,80)
```
#dc5d60
```
#dc5d60 rgb(220,93,96)
```
#e06e70
```
#e06e70 rgb(224,110,112)
```
#e37e80
```
#e37e80 rgb(227,126,128)
```
#e78e90
```
#e78e90 rgb(231,142,144)
```
#ea9e9f
```
#ea9e9f rgb(234,158,159)
```
#eeaeaf
```
#eeaeaf rgb(238,174,175)
```
#f1bebf
```
#f1bebf rgb(241,190,191)
```
#f5cfcf
```
#f5cfcf rgb(245,207,207)
```
#f8dfdf
```
#f8dfdf rgb(248,223,223)
```
#fcefef
```
#fcefef rgb(252,239,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#847b7c
```
#847b7c rgb(132,123,124)
```
#8d7272
```
#8d7272 rgb(141,114,114)
```
#976869
```
#976869 rgb(151,104,105)
```
#a15e5f
```
#a15e5f rgb(161,94,95)
```
#ab5456
```
#ab5456 rgb(171,84,86)
```
#b54a4c
```
#b54a4c rgb(181,74,76)
```
#be4143
```
#be4143 rgb(190,65,67)
```
#c83739
```
#c83739 rgb(200,55,57)
```
#d22d30
```
#d22d30 rgb(210,45,48)
```
#dc2327
```
#dc2327 rgb(220,35,39)
```
#e6191d
```
#e6191d rgb(230,25,29)
```
#ef1014
```
#ef1014 rgb(239,16,20)
```
#f9060a
```
#f9060a rgb(249,6,10)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#765556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80764c Protanopia 1% of men
#92702d Deuteranopia 1% of men
#d43839 Tritanopia 0.001% of the population

Trichromacy

#9e5b42 Protanomaly 1% of men, 0.01% of women
#a9582e Deuteranomaly 6% of men, 0.4% of women
#d33436 Tritanomaly 0.01% of the population

#d22d30 hex color

#d22d30 Color Information

#d22d30 Color Conversion

Color Schemes with #d22d30

Alternatives to #d22d30

#d22d30 Preview

Shades and Tints of #d22d30

Tones of #d22d30

Color Blindness Simulator