#d22314 hex color

In a RGB color space, hex #d22314 is composed of 82.4% red, 13.7% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 90.5% yellow and 17.6% black. It has a hue angle of 4.7 degrees, a saturation of 82.6% and a lightness of 45.1%. #d22314 color hex could be obtained by blending #ff4628 with #a50000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 82
- G 14
- B 8
RGB color chart
- C 0
- M 83
- Y 90
- K 18
CMYK color chart

● #d22314 color description : Strong red.

The hexadecimal color #d22314 has RGB values of R:210, G:35, B:20 and CMYK values of C:0, M:0.83, Y:0.9, K:0.18. Its decimal value is 13771540.

Hex triplet	d22314	`#d22314`
RGB Decimal	210, 35, 20	`rgb(210,35,20)`
RGB Percent	82.4, 13.7, 7.8	`rgb(82.4%,13.7%,7.8%)`
CMYK	0, 83, 90, 18
HSL	4.7°, 82.6, 45.1	`hsl(4.7,82.6%,45.1%)`
HSV (or HSB)	4.7°, 90.5, 82.4
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.576, 64.511, 52.436
XYZ	27.307, 14.958, 2.111
xyY	0.615, 0.337, 14.958
CIE-LCH	45.576, 83.133, 39.105
CIE-LUV	45.576, 133.616, 31.658
Hunter-Lab	38.675, 58.35, 23.836
Binary	11010010, 00100011, 00010100

#d22314
```
#d22314 rgb(210,35,20)
```
#14c3d2
```
#14c3d2 rgb(20,195,210)
```

Complementary Color

#d21464
```
#d21464 rgb(210,20,100)
```
#d22314
```
#d22314 rgb(210,35,20)
```
#d28214
```
#d28214 rgb(210,130,20)
```

Analogous Color

#1464d2
```
#1464d2 rgb(20,100,210)
```
#d22314
```
#d22314 rgb(210,35,20)
```
#14d282
```
#14d282 rgb(20,210,130)
```

Split Complementary Color

#2314d2
```
#2314d2 rgb(35,20,210)
```
#d22314
```
#d22314 rgb(210,35,20)
```
#14d223
```
#14d223 rgb(20,210,35)
```

Triadic Color

#d214c3
```
#d214c3 rgb(210,20,195)
```
#d22314
```
#d22314 rgb(210,35,20)
```
#14d223
```
#14d223 rgb(20,210,35)
```
#14c3d2
```
#14c3d2 rgb(20,195,210)
```

Tetradic Color

#8c170d
```
#8c170d rgb(140,23,13)
```
#a31b10
```
#a31b10 rgb(163,27,16)
```
#bb1f12
```
#bb1f12 rgb(187,31,18)
```
#d22314
```
#d22314 rgb(210,35,20)
```
#e92717
```
#e92717 rgb(233,39,23)
```
#eb3d2e
```
#eb3d2e rgb(235,61,46)
```
#ed5245
```
#ed5245 rgb(237,82,69)
```

Monochromatic Color

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

#d21434
```
#d21434 rgb(210,20,52)
```
#d21425
```
#d21425 rgb(210,20,37)
```
#d21415
```
#d21415 rgb(210,20,21)
```
#d22314
```
#d22314 rgb(210,35,20)
```
#d23314
```
#d23314 rgb(210,51,20)
```
#d24314
```
#d24314 rgb(210,67,20)
```
#d25314
```
#d25314 rgb(210,83,20)
```

Similar Colors

Text with hexadecimal color #d22314

This text has a font color of #d22314.

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

#d22314 background color

This paragraph has a background color of #d22314.

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

#d22314 border color

This element has a border color of #d22314.

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

CSS codes

.text {color:#d22314;}

.background {background-color:#d22314;}

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

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

#0d0201
```
#0d0201 rgb(13,2,1)
```
#1f0503
```
#1f0503 rgb(31,5,3)
```
#310805
```
#310805 rgb(49,8,5)
```
#430b06
```
#430b06 rgb(67,11,6)
```
#550e08
```
#550e08 rgb(85,14,8)
```
#67110a
```
#67110a rgb(103,17,10)
```
#78140b
```
#78140b rgb(120,20,11)
```
#8a170d
```
#8a170d rgb(138,23,13)
```
#9c1a0f
```
#9c1a0f rgb(156,26,15)
```
#ae1d11
```
#ae1d11 rgb(174,29,17)
```
#c02012
```
#c02012 rgb(192,32,18)
```
#d22314
```
#d22314 rgb(210,35,20)
```
#e42616
```
#e42616 rgb(228,38,22)
```

Shade Color Variation

#ea3323
```
#ea3323 rgb(234,51,35)
```
#ec4435
```
#ec4435 rgb(236,68,53)
```
#ed5447
```
#ed5447 rgb(237,84,71)
```
#ef6559
```
#ef6559 rgb(239,101,89)
```
#f1756b
```
#f1756b rgb(241,117,107)
```
#f3867d
```
#f3867d rgb(243,134,125)
```
#f4978f
```
#f4978f rgb(244,151,143)
```
#f6a7a1
```
#f6a7a1 rgb(246,167,161)
```
#f8b8b2
```
#f8b8b2 rgb(248,184,178)
```
#f9c9c4
```
#f9c9c4 rgb(249,201,196)
```
#fbd9d6
```
#fbd9d6 rgb(251,217,214)
```
#fdeae8
```
#fdeae8 rgb(253,234,232)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#7a6d6c
```
#7a6d6c rgb(122,109,108)
```
#826664
```
#826664 rgb(130,102,100)
```
#8b5f5b
```
#8b5f5b rgb(139,95,91)
```
#945752
```
#945752 rgb(148,87,82)
```
#9d5049
```
#9d5049 rgb(157,80,73)
```
#a64840
```
#a64840 rgb(166,72,64)
```
#af4137
```
#af4137 rgb(175,65,55)
```
#b7392f
```
#b7392f rgb(183,57,47)
```
#c03226
```
#c03226 rgb(192,50,38)
```
#c92a1d
```
#c92a1d rgb(201,42,29)
```
#d22314
```
#d22314 rgb(210,35,20)
```
#db1c0b
```
#db1c0b rgb(219,28,11)
```
#e41402
```
#e41402 rgb(228,20,2)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6f4c49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80732f Protanopia 1% of men
#906e00 Deuteranopia 1% of men
#d42d2c Tritanopia 0.001% of the population

Trichromacy

#9e5625 Protanomaly 1% of men, 0.01% of women
#a85207 Deuteranomaly 6% of men, 0.4% of women
#d32923 Tritanomaly 0.01% of the population

#d22314 hex color

#d22314 Color Information

#d22314 Color Conversion

Color Schemes with #d22314

Alternatives to #d22314

#d22314 Preview

Shades and Tints of #d22314

Tones of #d22314

Color Blindness Simulator