#d22a28 hex color

In a RGB color space, hex #d22a28 is composed of 82.4% red, 16.5% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 81% yellow and 17.6% black. It has a hue angle of 0.7 degrees, a saturation of 68% and a lightness of 49%. #d22a28 color hex could be obtained by blending #ff5450 with #a50000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 82
- G 16
- B 16
RGB color chart
- C 0
- M 80
- Y 81
- K 18
CMYK color chart

● #d22a28 color description : Strong red.

The hexadecimal color #d22a28 has RGB values of R:210, G:42, B:40 and CMYK values of C:0, M:0.8, Y:0.81, K:0.18. Its decimal value is 13773352.

Hex triplet	d22a28	`#d22a28`
RGB Decimal	210, 42, 40	`rgb(210,42,40)`
RGB Percent	82.4, 16.5, 15.7	`rgb(82.4%,16.5%,15.7%)`
CMYK	0, 80, 81, 18
HSL	0.7°, 68, 49	`hsl(0.7,68%,49%)`
HSV (or HSB)	0.7°, 81, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.331, 63.195, 43.642
XYZ	27.791, 15.514, 3.539
xyY	0.593, 0.331, 15.514
CIE-LCH	46.331, 76.8, 34.628
CIE-LUV	46.331, 127.792, 28.108
Hunter-Lab	39.388, 57.013, 22.245
Binary	11010010, 00101010, 00101000

#d22a28
```
#d22a28 rgb(210,42,40)
```
#28d0d2
```
#28d0d2 rgb(40,208,210)
```

Complementary Color

#d2287b
```
#d2287b rgb(210,40,123)
```
#d22a28
```
#d22a28 rgb(210,42,40)
```
#d27f28
```
#d27f28 rgb(210,127,40)
```

Analogous Color

#287bd2
```
#287bd2 rgb(40,123,210)
```
#d22a28
```
#d22a28 rgb(210,42,40)
```
#28d27f
```
#28d27f rgb(40,210,127)
```

Split Complementary Color

#2a28d2
```
#2a28d2 rgb(42,40,210)
```
#d22a28
```
#d22a28 rgb(210,42,40)
```
#28d22a
```
#28d22a rgb(40,210,42)
```

Triadic Color

#d228d0
```
#d228d0 rgb(210,40,208)
```
#d22a28
```
#d22a28 rgb(210,42,40)
```
#28d22a
```
#28d22a rgb(40,210,42)
```
#28d0d2
```
#28d0d2 rgb(40,208,210)
```

Tetradic Color

#921d1c
```
#921d1c rgb(146,29,28)
```
#a72120
```
#a72120 rgb(167,33,32)
```
#bd2624
```
#bd2624 rgb(189,38,36)
```
#d22a28
```
#d22a28 rgb(210,42,40)
```
#d93c3a
```
#d93c3a rgb(217,60,58)
```
#de514f
```
#de514f rgb(222,81,79)
```
#e26665
```
#e26665 rgb(226,102,101)
```

Monochromatic Color

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

#d22851
```
#d22851 rgb(210,40,81)
```
#d22842
```
#d22842 rgb(210,40,66)
```
#d22834
```
#d22834 rgb(210,40,52)
```
#d22a28
```
#d22a28 rgb(210,42,40)
```
#d23828
```
#d23828 rgb(210,56,40)
```
#d24628
```
#d24628 rgb(210,70,40)
```
#d25528
```
#d25528 rgb(210,85,40)
```

Similar Colors

Text with hexadecimal color #d22a28

This text has a font color of #d22a28.

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

#d22a28 background color

This paragraph has a background color of #d22a28.

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

#d22a28 border color

This element has a border color of #d22a28.

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

CSS codes

.text {color:#d22a28;}

.background {background-color:#d22a28;}

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

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, #0c0202 is the darkest color, while #fefbfb is the lightest one.

#0c0202
```
#0c0202 rgb(12,2,2)
```
#1d0605
```
#1d0605 rgb(29,6,5)
```
#2d0909
```
#2d0909 rgb(45,9,9)
```
#3e0c0c
```
#3e0c0c rgb(62,12,12)
```
#4e100f
```
#4e100f rgb(78,16,15)
```
#5f1312
```
#5f1312 rgb(95,19,18)
```
#6f1615
```
#6f1615 rgb(111,22,21)
```
#801a18
```
#801a18 rgb(128,26,24)
```
#901d1b
```
#901d1b rgb(144,29,27)
```
#a1201f
```
#a1201f rgb(161,32,31)
```
#b12322
```
#b12322 rgb(177,35,34)
```
#c22725
```
#c22725 rgb(194,39,37)
```
#d22a28
```
#d22a28 rgb(210,42,40)
```

Shade Color Variation

#d93735
```
#d93735 rgb(217,55,53)
```
#dc4746
```
#dc4746 rgb(220,71,70)
```
#df5856
```
#df5856 rgb(223,88,86)
```
#e26867
```
#e26867 rgb(226,104,103)
```
#e57877
```
#e57877 rgb(229,120,119)
```
#e88987
```
#e88987 rgb(232,137,135)
```
#eb9998
```
#eb9998 rgb(235,153,152)
```
#efa9a8
```
#efa9a8 rgb(239,169,168)
```
#f2bab9
```
#f2bab9 rgb(242,186,185)
```
#f5cac9
```
#f5cac9 rgb(245,202,201)
```
#f8dada
```
#f8dada rgb(248,218,218)
```
#fbebea
```
#fbebea rgb(251,235,234)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#857575
```
#857575 rgb(133,117,117)
```
#8f6c6b
```
#8f6c6b rgb(143,108,107)
```
#986262
```
#986262 rgb(152,98,98)
```
#a25958
```
#a25958 rgb(162,89,88)
```
#ac504e
```
#ac504e rgb(172,80,78)
```
#b54645
```
#b54645 rgb(181,70,69)
```
#bf3d3b
```
#bf3d3b rgb(191,61,59)
```
#c83332
```
#c83332 rgb(200,51,50)
```
#d22a28
```
#d22a28 rgb(210,42,40)
```
#dc211e
```
#dc211e rgb(220,33,30)
```
#e51715
```
#e51715 rgb(229,23,21)
```
#ef0e0b
```
#ef0e0b rgb(239,14,11)
```
#f80402
```
#f80402 rgb(248,4,2)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#745252 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807544 Protanopia 1% of men
#916f24 Deuteranopia 1% of men
#d43435 Tritanopia 0.001% of the population

Trichromacy

#9e5939 Protanomaly 1% of men, 0.01% of women
#a95625 Deuteranomaly 6% of men, 0.4% of women
#d33030 Tritanomaly 0.01% of the population

#d22a28 hex color

#d22a28 Color Information

#d22a28 Color Conversion

Color Schemes with #d22a28

Alternatives to #d22a28

#d22a28 Preview

Shades and Tints of #d22a28

Tones of #d22a28

Color Blindness Simulator