#d4223a hex color

In a RGB color space, hex #d4223a is composed of 83.1% red, 13.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84% magenta, 72.6% yellow and 16.9% black. It has a hue angle of 351.9 degrees, a saturation of 72.4% and a lightness of 48.2%. #d4223a color hex could be obtained by blending #ff4474 with #a90000. Closest websafe color is: #cc3333.

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

● #d4223a color description : Strong red.

The hexadecimal color #d4223a has RGB values of R:212, G:34, B:58 and CMYK values of C:0, M:0.84, Y:0.73, K:0.17. Its decimal value is 13902394.

Hex triplet	d4223a	`#d4223a`
RGB Decimal	212, 34, 58	`rgb(212,34,58)`
RGB Percent	83.1, 13.3, 22.7	`rgb(83.1%,13.3%,22.7%)`
CMYK	0, 84, 73, 17
HSL	351.9°, 72.4, 48.2	`hsl(351.9,72.4%,48.2%)`
HSV (or HSB)	351.9°, 84, 83.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.245, 66.32, 33.454
XYZ	28.489, 15.45, 5.485
xyY	0.576, 0.313, 15.45
CIE-LCH	46.245, 74.28, 26.768
CIE-LUV	46.245, 128.652, 20.564
Hunter-Lab	39.307, 60.586, 19.241
Binary	11010100, 00100010, 00111010

#d4223a
```
#d4223a rgb(212,34,58)
```
#22d4bc
```
#22d4bc rgb(34,212,188)
```

Complementary Color

#d42293
```
#d42293 rgb(212,34,147)
```
#d4223a
```
#d4223a rgb(212,34,58)
```
#d46322
```
#d46322 rgb(212,99,34)
```

Analogous Color

#2293d4
```
#2293d4 rgb(34,147,212)
```
#d4223a
```
#d4223a rgb(212,34,58)
```
#22d463
```
#22d463 rgb(34,212,99)
```

Split Complementary Color

#223ad4
```
#223ad4 rgb(34,58,212)
```
#d4223a
```
#d4223a rgb(212,34,58)
```
#3ad422
```
#3ad422 rgb(58,212,34)
```

Triadic Color

#bc22d4
```
#bc22d4 rgb(188,34,212)
```
#d4223a
```
#d4223a rgb(212,34,58)
```
#3ad422
```
#3ad422 rgb(58,212,34)
```
#22d4bc
```
#22d4bc rgb(34,212,188)
```

Tetradic Color

#921728
```
#921728 rgb(146,23,40)
```
#a81b2e
```
#a81b2e rgb(168,27,46)
```
#be1e34
```
#be1e34 rgb(190,30,52)
```
#d4223a
```
#d4223a rgb(212,34,58)
```
#de3149
```
#de3149 rgb(222,49,73)
```
#e2475c
```
#e2475c rgb(226,71,92)
```
#e55d70
```
#e55d70 rgb(229,93,112)
```

Monochromatic Color

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

#d42267
```
#d42267 rgb(212,34,103)
```
#d42258
```
#d42258 rgb(212,34,88)
```
#d42249
```
#d42249 rgb(212,34,73)
```
#d4223a
```
#d4223a rgb(212,34,58)
```
#d4222b
```
#d4222b rgb(212,34,43)
```
#d42822
```
#d42822 rgb(212,40,34)
```
#d43722
```
#d43722 rgb(212,55,34)
```

Similar Colors

Text with hexadecimal color #d4223a

This text has a font color of #d4223a.

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

#d4223a background color

This paragraph has a background color of #d4223a.

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

#d4223a border color

This element has a border color of #d4223a.

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

CSS codes

.text {color:#d4223a;}

.background {background-color:#d4223a;}

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

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

#090103
```
#090103 rgb(9,1,3)
```
#1a0407
```
#1a0407 rgb(26,4,7)
```
#2b070c
```
#2b070c rgb(43,7,12)
```
#3c0a10
```
#3c0a10 rgb(60,10,16)
```
#4d0c15
```
#4d0c15 rgb(77,12,21)
```
#5e0f1a
```
#5e0f1a rgb(94,15,26)
```
#6f121e
```
#6f121e rgb(111,18,30)
```
#7f1423
```
#7f1423 rgb(127,20,35)
```
#901728
```
#901728 rgb(144,23,40)
```
#a11a2c
```
#a11a2c rgb(161,26,44)
```
#b21d31
```
#b21d31 rgb(178,29,49)
```
#c31f35
```
#c31f35 rgb(195,31,53)
```
#d4223a
```
#d4223a rgb(212,34,58)
```

Shade Color Variation

#dd2c44
```
#dd2c44 rgb(221,44,68)
```
#e03d53
```
#e03d53 rgb(224,61,83)
```
#e34e62
```
#e34e62 rgb(227,78,98)
```
#e55f71
```
#e55f71 rgb(229,95,113)
```
#e87080
```
#e87080 rgb(232,112,128)
```
#eb818f
```
#eb818f rgb(235,129,143)
```
#ed929e
```
#ed929e rgb(237,146,158)
```
#f0a3ad
```
#f0a3ad rgb(240,163,173)
```
#f3b4bc
```
#f3b4bc rgb(243,180,188)
```
#f6c5cb
```
#f6c5cb rgb(246,197,203)
```
#f8d5da
```
#f8d5da rgb(248,213,218)
```
#fbe6e9
```
#fbe6e9 rgb(251,230,233)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#7f7778
```
#7f7778 rgb(127,119,120)
```
#886e71
```
#886e71 rgb(136,110,113)
```
#92646a
```
#92646a rgb(146,100,106)
```
#9b5b63
```
#9b5b63 rgb(155,91,99)
```
#a5515d
```
#a5515d rgb(165,81,93)
```
#ae4856
```
#ae4856 rgb(174,72,86)
```
#b83e4f
```
#b83e4f rgb(184,62,79)
```
#c13548
```
#c13548 rgb(193,53,72)
```
#cb2b41
```
#cb2b41 rgb(203,43,65)
```
#d4223a
```
#d4223a rgb(212,34,58)
```
#dd1933
```
#dd1933 rgb(221,25,51)
```
#e70f2c
```
#e70f2c rgb(231,15,44)
```
#f00625
```
#f00625 rgb(240,6,37)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#724f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d745a Protanopia 1% of men
#8f6f38 Deuteranopia 1% of men
#d53131 Tritanopia 0.001% of the population

Trichromacy

#9c564e Protanomaly 1% of men, 0.01% of women
#a85338 Deuteranomaly 6% of men, 0.4% of women
#d52b34 Tritanomaly 0.01% of the population

#d4223a hex color

#d4223a Color Information

#d4223a Color Conversion

Color Schemes with #d4223a

Alternatives to #d4223a

#d4223a Preview

Shades and Tints of #d4223a

Tones of #d4223a

Color Blindness Simulator