#d1224d hex color

In a RGB color space, hex #d1224d is composed of 82% red, 13.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.7% magenta, 63.2% yellow and 18% black. It has a hue angle of 345.3 degrees, a saturation of 72% and a lightness of 47.6%. #d1224d color hex could be obtained by blending #ff449a with #a30000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 82
- G 13
- B 30
RGB color chart
- C 0
- M 84
- Y 63
- K 18
CMYK color chart

● #d1224d color description : Strong red.

The hexadecimal color #d1224d has RGB values of R:209, G:34, B:77 and CMYK values of C:0, M:0.84, Y:0.63, K:0.18. Its decimal value is 13705805.

Hex triplet	d1224d	`#d1224d`
RGB Decimal	209, 34, 77	`rgb(209,34,77)`
RGB Percent	82, 13.3, 30.2	`rgb(82%,13.3%,30.2%)`
CMYK	0, 84, 63, 18
HSL	345.3°, 72, 47.6	`hsl(345.3,72%,47.6%)`
HSV (or HSB)	345.3°, 83.7, 82
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.959, 66.446, 21.427
XYZ	28.207, 15.239, 8.477
xyY	0.543, 0.293, 15.239
CIE-LCH	45.959, 69.815, 17.873
CIE-LUV	45.959, 120.663, 10.532
Hunter-Lab	39.037, 60.667, 14.451
Binary	11010001, 00100010, 01001101

#d1224d
```
#d1224d rgb(209,34,77)
```
#22d1a6
```
#22d1a6 rgb(34,209,166)
```

Complementary Color

#d122a5
```
#d122a5 rgb(209,34,165)
```
#d1224d
```
#d1224d rgb(209,34,77)
```
#d14f22
```
#d14f22 rgb(209,79,34)
```

Analogous Color

#22a5d1
```
#22a5d1 rgb(34,165,209)
```
#d1224d
```
#d1224d rgb(209,34,77)
```
#22d14f
```
#22d14f rgb(34,209,79)
```

Split Complementary Color

#224dd1
```
#224dd1 rgb(34,77,209)
```
#d1224d
```
#d1224d rgb(209,34,77)
```
#4dd122
```
#4dd122 rgb(77,209,34)
```

Triadic Color

#a622d1
```
#a622d1 rgb(166,34,209)
```
#d1224d
```
#d1224d rgb(209,34,77)
```
#4dd122
```
#4dd122 rgb(77,209,34)
```
#22d1a6
```
#22d1a6 rgb(34,209,166)
```

Tetradic Color

#8f1735
```
#8f1735 rgb(143,23,53)
```
#a51b3d
```
#a51b3d rgb(165,27,61)
```
#bb1e45
```
#bb1e45 rgb(187,30,69)
```
#d1224d
```
#d1224d rgb(209,34,77)
```
#dd2f5a
```
#dd2f5a rgb(221,47,90)
```
#e1456b
```
#e1456b rgb(225,69,107)
```
#e45b7d
```
#e45b7d rgb(228,91,125)
```

Monochromatic Color

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

#d12279
```
#d12279 rgb(209,34,121)
```
#d1226a
```
#d1226a rgb(209,34,106)
```
#d1225c
```
#d1225c rgb(209,34,92)
```
#d1224d
```
#d1224d rgb(209,34,77)
```
#d1223e
```
#d1223e rgb(209,34,62)
```
#d12230
```
#d12230 rgb(209,34,48)
```
#d12322
```
#d12322 rgb(209,35,34)
```

Similar Colors

Text with hexadecimal color #d1224d

This text has a font color of #d1224d.

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

#d1224d background color

This paragraph has a background color of #d1224d.

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

#d1224d border color

This element has a border color of #d1224d.

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

CSS codes

.text {color:#d1224d;}

.background {background-color:#d1224d;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#170409
```
#170409 rgb(23,4,9)
```
#28070f
```
#28070f rgb(40,7,15)
```
#390915
```
#390915 rgb(57,9,21)
```
#4a0c1b
```
#4a0c1b rgb(74,12,27)
```
#5b0f21
```
#5b0f21 rgb(91,15,33)
```
#6c1228
```
#6c1228 rgb(108,18,40)
```
#7d142e
```
#7d142e rgb(125,20,46)
```
#8e1734
```
#8e1734 rgb(142,23,52)
```
#9e1a3a
```
#9e1a3a rgb(158,26,58)
```
#af1d41
```
#af1d41 rgb(175,29,65)
```
#c01f47
```
#c01f47 rgb(192,31,71)
```
#d1224d
```
#d1224d rgb(209,34,77)
```

Shade Color Variation

#dc2a56
```
#dc2a56 rgb(220,42,86)
```
#df3b63
```
#df3b63 rgb(223,59,99)
```
#e24c71
```
#e24c71 rgb(226,76,113)
```
#e55d7e
```
#e55d7e rgb(229,93,126)
```
#e76e8c
```
#e76e8c rgb(231,110,140)
```
#ea7f99
```
#ea7f99 rgb(234,127,153)
```
#ed8fa6
```
#ed8fa6 rgb(237,143,166)
```
#f0a0b4
```
#f0a0b4 rgb(240,160,180)
```
#f2b1c1
```
#f2b1c1 rgb(242,177,193)
```
#f5c2cf
```
#f5c2cf rgb(245,194,207)
```
#f8d3dc
```
#f8d3dc rgb(248,211,220)
```
#fbe4e9
```
#fbe4e9 rgb(251,228,233)
```
#fdf5f7
```
#fdf5f7 rgb(253,245,247)
```

Tint Color Variation

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

#7d7678
```
#7d7678 rgb(125,118,120)
```
#866d73
```
#866d73 rgb(134,109,115)
```
#90636e
```
#90636e rgb(144,99,110)
```
#995a6a
```
#995a6a rgb(153,90,106)
```
#a25165
```
#a25165 rgb(162,81,101)
```
#ac4760
```
#ac4760 rgb(172,71,96)
```
#b53e5b
```
#b53e5b rgb(181,62,91)
```
#be3557
```
#be3557 rgb(190,53,87)
```
#c82b52
```
#c82b52 rgb(200,43,82)
```
#d1224d
```
#d1224d rgb(209,34,77)
```
#da1948
```
#da1948 rgb(218,25,72)
```
#e40f43
```
#e40f43 rgb(228,15,67)
```
#ed063f
```
#ed063f rgb(237,6,63)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#735058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777370 Protanopia 1% of men
#8b6f4b Deuteranopia 1% of men
#d23536 Tritanopia 0.001% of the population

Trichromacy

#975663 Protanomaly 1% of men, 0.01% of women
#a4534b Deuteranomaly 6% of men, 0.4% of women
#d12e3e Tritanomaly 0.01% of the population

#d1224d hex color

#d1224d Color Information

#d1224d Color Conversion

Color Schemes with #d1224d

Alternatives to #d1224d

#d1224d Preview

Shades and Tints of #d1224d

Tones of #d1224d

Color Blindness Simulator