#d3474d hex color

In a RGB color space, hex #d3474d is composed of 82.7% red, 27.8% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.4% magenta, 63.5% yellow and 17.3% black. It has a hue angle of 357.4 degrees, a saturation of 61.4% and a lightness of 55.3%. #d3474d color hex could be obtained by blending #ff8e9a with #a70000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 83
- G 28
- B 30
RGB color chart
- C 0
- M 66
- Y 64
- K 17
CMYK color chart

● #d3474d color description : Moderate red.

The hexadecimal color #d3474d has RGB values of R:211, G:71, B:77 and CMYK values of C:0, M:0.66, Y:0.64, K:0.17. Its decimal value is 13846349.

Hex triplet	d3474d	`#d3474d`
RGB Decimal	211, 71, 77	`rgb(211,71,77)`
RGB Percent	82.7, 27.8, 30.2	`rgb(82.7%,27.8%,30.2%)`
CMYK	0, 66, 64, 17
HSL	357.4°, 61.4, 55.3	`hsl(357.4,61.4%,55.3%)`
HSV (or HSB)	357.4°, 66.4, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.563, 55.244, 27.438
XYZ	30.458, 18.894, 9.064
xyY	0.521, 0.323, 18.894
CIE-LCH	50.563, 61.683, 26.412
CIE-LUV	50.563, 104.757, 19.882
Hunter-Lab	43.468, 49.007, 18.064
Binary	11010011, 01000111, 01001101

#d3474d
```
#d3474d rgb(211,71,77)
```
#47d3cd
```
#47d3cd rgb(71,211,205)
```

Complementary Color

#d34793
```
#d34793 rgb(211,71,147)
```
#d3474d
```
#d3474d rgb(211,71,77)
```
#d38747
```
#d38747 rgb(211,135,71)
```

Analogous Color

#4793d3
```
#4793d3 rgb(71,147,211)
```
#d3474d
```
#d3474d rgb(211,71,77)
```
#47d387
```
#47d387 rgb(71,211,135)
```

Split Complementary Color

#474dd3
```
#474dd3 rgb(71,77,211)
```
#d3474d
```
#d3474d rgb(211,71,77)
```
#4dd347
```
#4dd347 rgb(77,211,71)
```

Triadic Color

#cd47d3
```
#cd47d3 rgb(205,71,211)
```
#d3474d
```
#d3474d rgb(211,71,77)
```
#4dd347
```
#4dd347 rgb(77,211,71)
```
#47d3cd
```
#47d3cd rgb(71,211,205)
```

Tetradic Color

#a6282d
```
#a6282d rgb(166,40,45)
```
#ba2d33
```
#ba2d33 rgb(186,45,51)
```
#ce3239
```
#ce3239 rgb(206,50,57)
```
#d3474d
```
#d3474d rgb(211,71,77)
```
#d85c61
```
#d85c61 rgb(216,92,97)
```
#dd7075
```
#dd7075 rgb(221,112,117)
```
#e28589
```
#e28589 rgb(226,133,137)
```

Monochromatic Color

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

#d34770
```
#d34770 rgb(211,71,112)
```
#d34764
```
#d34764 rgb(211,71,100)
```
#d34759
```
#d34759 rgb(211,71,89)
```
#d3474d
```
#d3474d rgb(211,71,77)
```
#d34d47
```
#d34d47 rgb(211,77,71)
```
#d35847
```
#d35847 rgb(211,88,71)
```
#d36447
```
#d36447 rgb(211,100,71)
```

Similar Colors

Text with hexadecimal color #d3474d

This text has a font color of #d3474d.

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

#d3474d background color

This paragraph has a background color of #d3474d.

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

#d3474d border color

This element has a border color of #d3474d.

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

CSS codes

.text {color:#d3474d;}

.background {background-color:#d3474d;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#160506
```
#160506 rgb(22,5,6)
```
#26090a
```
#26090a rgb(38,9,10)
```
#350d0f
```
#350d0f rgb(53,13,15)
```
#451113
```
#451113 rgb(69,17,19)
```
#551417
```
#551417 rgb(85,20,23)
```
#65181b
```
#65181b rgb(101,24,27)
```
#751c20
```
#751c20 rgb(117,28,32)
```
#852024
```
#852024 rgb(133,32,36)
```
#942328
```
#942328 rgb(148,35,40)
```
#a4272d
```
#a4272d rgb(164,39,45)
```
#b42b31
```
#b42b31 rgb(180,43,49)
```
#c42f35
```
#c42f35 rgb(196,47,53)
```

Shade Color Variation

#cf373e
```
#cf373e rgb(207,55,62)
```
#d3474d
```
#d3474d rgb(211,71,77)
```
#d7575c
```
#d7575c rgb(215,87,92)
```
#db676c
```
#db676c rgb(219,103,108)
```
#de767b
```
#de767b rgb(222,118,123)
```
#e2868a
```
#e2868a rgb(226,134,138)
```
#e6969a
```
#e6969a rgb(230,150,154)
```
#eaa6a9
```
#eaa6a9 rgb(234,166,169)
```
#edb6b8
```
#edb6b8 rgb(237,182,184)
```
#f1c6c8
```
#f1c6c8 rgb(241,198,200)
```
#f5d5d7
```
#f5d5d7 rgb(245,213,215)
```
#f9e5e6
```
#f9e5e6 rgb(249,229,230)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,245)
```

Tint Color Variation

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

#968485
```
#968485 rgb(150,132,133)
```
#9e7c7d
```
#9e7c7d rgb(158,124,125)
```
#a77375
```
#a77375 rgb(167,115,117)
```
#b06a6d
```
#b06a6d rgb(176,106,109)
```
#b96165
```
#b96165 rgb(185,97,101)
```
#c1595d
```
#c1595d rgb(193,89,93)
```
#ca5055
```
#ca5055 rgb(202,80,85)
```
#d3474d
```
#d3474d rgb(211,71,77)
```
#dc3e45
```
#dc3e45 rgb(220,62,69)
```
#e5353d
```
#e5353d rgb(229,53,61)
```
#ed2d35
```
#ed2d35 rgb(237,45,53)
```
#f6242d
```
#f6242d rgb(246,36,45)
```
#ff1b25
```
#ff1b25 rgb(255,27,37)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#85696b Atypical Achromatopsia 0.001% of the population

Dichromacy

#867f67 Protanopia 1% of men
#99794d Deuteranopia 1% of men
#d55055 Tritanopia 0.001% of the population

Trichromacy

#a26a5e Protanomaly 1% of men, 0.01% of women
#ae674d Deuteranomaly 6% of men, 0.4% of women
#d44d52 Tritanomaly 0.01% of the population

#d3474d hex color

#d3474d Color Information

#d3474d Color Conversion

Color Schemes with #d3474d

Alternatives to #d3474d

#d3474d Preview

Shades and Tints of #d3474d

Tones of #d3474d

Color Blindness Simulator