colorhexa.com

#d3224d hex color

In a RGB color space, hex #d3224d is composed of 82.7% red, 13.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.9% magenta, 63.5% yellow and 17.3% black. It has a hue angle of 345.4 degrees, a saturation of 72.2% and a lightness of 48%. #d3224d color hex could be obtained by blending #ff449a with #a70000. Closest websafe color is: #cc3366.

- R 83
- G 13
- B 30
RGB color chart
- C 0
- M 84
- Y 64
- K 17
CMYK color chart

● #d3224d color description : Strong red.

The hexadecimal color #d3224d has RGB values of R:211, G:34, B:77 and CMYK values of C:0, M:0.84, Y:0.64, K:0.17. Its decimal value is 13836877.

Hex triplet	d3224d	`#d3224d`
RGB Decimal	211, 34, 77	`rgb(211,34,77)`
RGB Percent	82.7, 13.3, 30.2	`rgb(82.7%,13.3%,30.2%)`
CMYK	0, 84, 64, 17
HSL	345.4°, 72.2, 48	`hsl(345.4,72.2%,48%)`
HSV (or HSB)	345.4°, 83.9, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.355, 66.971, 22.019
XYZ	28.777, 15.532, 8.504
xyY	0.545, 0.294, 15.532
CIE-LCH	46.355, 70.498, 18.2
CIE-LUV	46.355, 122.241, 11.014
Hunter-Lab	39.411, 61.367, 14.795
Binary	11010011, 00100010, 01001101

#d3224d
```
#d3224d rgb(211,34,77)
```
#22d3a8
```
#22d3a8 rgb(34,211,168)
```

Complementary Color

#d322a6
```
#d322a6 rgb(211,34,166)
```
#d3224d
```
#d3224d rgb(211,34,77)
```
#d34f22
```
#d34f22 rgb(211,79,34)
```

Analogous Color

#22a6d3
```
#22a6d3 rgb(34,166,211)
```
#d3224d
```
#d3224d rgb(211,34,77)
```
#22d350
```
#22d350 rgb(34,211,80)
```

Split Complementary Color

#224dd3
```
#224dd3 rgb(34,77,211)
```
#d3224d
```
#d3224d rgb(211,34,77)
```
#4dd322
```
#4dd322 rgb(77,211,34)
```

Triadic Color

#a822d3
```
#a822d3 rgb(168,34,211)
```
#d3224d
```
#d3224d rgb(211,34,77)
```
#4dd322
```
#4dd322 rgb(77,211,34)
```
#22d3a8
```
#22d3a8 rgb(34,211,168)
```

Tetradic Color

#911735
```
#911735 rgb(145,23,53)
```
#a71b3d
```
#a71b3d rgb(167,27,61)
```
#bd1e45
```
#bd1e45 rgb(189,30,69)
```
#d3224d
```
#d3224d rgb(211,34,77)
```
#de315b
```
#de315b rgb(222,49,91)
```
#e1476c
```
#e1476c rgb(225,71,108)
```
#e55d7e
```
#e55d7e rgb(229,93,126)
```

Monochromatic Color

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

#d32279
```
#d32279 rgb(211,34,121)
```
#d3226b
```
#d3226b rgb(211,34,107)
```
#d3225c
```
#d3225c rgb(211,34,92)
```
#d3224d
```
#d3224d rgb(211,34,77)
```
#d3223e
```
#d3223e rgb(211,34,62)
```
#d32230
```
#d32230 rgb(211,34,48)
```
#d32322
```
#d32322 rgb(211,35,34)
```

Similar Colors

Text with hexadecimal color #d3224d

This text has a font color of #d3224d.

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

#d3224d background color

This paragraph has a background color of #d3224d.

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

#d3224d border color

This element has a border color of #d3224d.

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

CSS codes

.text {color:#d3224d;}

.background {background-color:#d3224d;}

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

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

#080103
```
#080103 rgb(8,1,3)
```
#190409
```
#190409 rgb(25,4,9)
```
#2a070f
```
#2a070f rgb(42,7,15)
```
#3b0a16
```
#3b0a16 rgb(59,10,22)
```
#4c0c1c
```
#4c0c1c rgb(76,12,28)
```
#5d0f22
```
#5d0f22 rgb(93,15,34)
```
#6e1228
```
#6e1228 rgb(110,18,40)
```
#7f142e
```
#7f142e rgb(127,20,46)
```
#8f1734
```
#8f1734 rgb(143,23,52)
```
#a01a3b
```
#a01a3b rgb(160,26,59)
```
#b11d41
```
#b11d41 rgb(177,29,65)
```
#c21f47
```
#c21f47 rgb(194,31,71)
```
#d3224d
```
#d3224d rgb(211,34,77)
```

Shade Color Variation

#dd2c57
```
#dd2c57 rgb(221,44,87)
```
#e03d64
```
#e03d64 rgb(224,61,100)
```
#e24d72
```
#e24d72 rgb(226,77,114)
```
#e55e7f
```
#e55e7f rgb(229,94,127)
```
#e86f8d
```
#e86f8d rgb(232,111,141)
```
#eb809a
```
#eb809a rgb(235,128,154)
```
#ed91a7
```
#ed91a7 rgb(237,145,167)
```
#f0a2b5
```
#f0a2b5 rgb(240,162,181)
```
#f3b3c2
```
#f3b3c2 rgb(243,179,194)
```
#f5c4d0
```
#f5c4d0 rgb(245,196,208)
```
#f8d5dd
```
#f8d5dd rgb(248,213,221)
```
#fbe5eb
```
#fbe5eb rgb(251,229,235)
```
#fef6f8
```
#fef6f8 rgb(254,246,248)
```

Tint Color Variation

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

#7e7779
```
#7e7779 rgb(126,119,121)
```
#886d74
```
#886d74 rgb(136,109,116)
```
#91646f
```
#91646f rgb(145,100,111)
```
#9a5b6a
```
#9a5b6a rgb(154,91,106)
```
#a45165
```
#a45165 rgb(164,81,101)
```
#ad4860
```
#ad4860 rgb(173,72,96)
```
#b73e5c
```
#b73e5c rgb(183,62,92)
```
#c03557
```
#c03557 rgb(192,53,87)
```
#ca2b52
```
#ca2b52 rgb(202,43,82)
```
#d3224d
```
#d3224d rgb(211,34,77)
```
#dc1948
```
#dc1948 rgb(220,25,72)
```
#e60f43
```
#e60f43 rgb(230,15,67)
```
#ef063e
```
#ef063e rgb(239,6,62)
```

Tone Color Variation

Below, you can see how #d3224d 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
#745059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787470 Protanopia 1% of men
#8c704b Deuteranopia 1% of men
#d43536 Tritanopia 0.001% of the population

Trichromacy

#995663 Protanomaly 1% of men, 0.01% of women
#a6534b Deuteranomaly 6% of men, 0.4% of women
#d32e3e Tritanomaly 0.01% of the population