#d4181f hex color

In a RGB color space, hex #d4181f is composed of 83.1% red, 9.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 85.4% yellow and 16.9% black. It has a hue angle of 357.8 degrees, a saturation of 79.7% and a lightness of 46.3%. #d4181f color hex could be obtained by blending #ff303e with #a90000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 83
- G 9
- B 12
RGB color chart
- C 0
- M 89
- Y 85
- K 17
CMYK color chart

● #d4181f color description : Strong red.

The hexadecimal color #d4181f has RGB values of R:212, G:24, B:31 and CMYK values of C:0, M:0.89, Y:0.85, K:0.17. Its decimal value is 13899807.

Hex triplet	d4181f	`#d4181f`
RGB Decimal	212, 24, 31	`rgb(212,24,31)`
RGB Percent	83.1, 9.4, 12.2	`rgb(83.1%,9.4%,12.2%)`
CMYK	0, 89, 85, 17
HSL	357.8°, 79.7, 46.3	`hsl(357.8,79.7%,46.3%)`
HSV (or HSB)	357.8°, 88.7, 83.1
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.294, 67.41, 47.473
XYZ	27.727, 14.753, 2.684
xyY	0.614, 0.327, 14.753
CIE-LCH	45.294, 82.448, 35.155
CIE-LUV	45.294, 137.54, 28.356
Hunter-Lab	38.409, 61.638, 22.744
Binary	11010100, 00011000, 00011111

#d4181f
```
#d4181f rgb(212,24,31)
```
#18d4cd
```
#18d4cd rgb(24,212,205)
```

Complementary Color

#d4187d
```
#d4187d rgb(212,24,125)
```
#d4181f
```
#d4181f rgb(212,24,31)
```
#d46f18
```
#d46f18 rgb(212,111,24)
```

Analogous Color

#187dd4
```
#187dd4 rgb(24,125,212)
```
#d4181f
```
#d4181f rgb(212,24,31)
```
#18d46f
```
#18d46f rgb(24,212,111)
```

Split Complementary Color

#181fd4
```
#181fd4 rgb(24,31,212)
```
#d4181f
```
#d4181f rgb(212,24,31)
```
#1fd418
```
#1fd418 rgb(31,212,24)
```

Triadic Color

#cd18d4
```
#cd18d4 rgb(205,24,212)
```
#d4181f
```
#d4181f rgb(212,24,31)
```
#1fd418
```
#1fd418 rgb(31,212,24)
```
#18d4cd
```
#18d4cd rgb(24,212,205)
```

Tetradic Color

#8f1015
```
#8f1015 rgb(143,16,21)
```
#a61318
```
#a61318 rgb(166,19,24)
```
#bd151c
```
#bd151c rgb(189,21,28)
```
#d4181f
```
#d4181f rgb(212,24,31)
```
#e62027
```
#e62027 rgb(230,32,39)
```
#e8373d
```
#e8373d rgb(232,55,61)
```
#eb4e53
```
#eb4e53 rgb(235,78,83)
```

Monochromatic Color

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

#d4184e
```
#d4184e rgb(212,24,78)
```
#d4183e
```
#d4183e rgb(212,24,62)
```
#d4182f
```
#d4182f rgb(212,24,47)
```
#d4181f
```
#d4181f rgb(212,24,31)
```
#d42118
```
#d42118 rgb(212,33,24)
```
#d43018
```
#d43018 rgb(212,48,24)
```
#d44018
```
#d44018 rgb(212,64,24)
```

Similar Colors

Text with hexadecimal color #d4181f

This text has a font color of #d4181f.

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

#d4181f background color

This paragraph has a background color of #d4181f.

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

#d4181f border color

This element has a border color of #d4181f.

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

CSS codes

.text {color:#d4181f;}

.background {background-color:#d4181f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120203
```
#120203 rgb(18,2,3)
```
#240405
```
#240405 rgb(36,4,5)
```
#350608
```
#350608 rgb(53,6,8)
```
#47080a
```
#47080a rgb(71,8,10)
```
#590a0d
```
#590a0d rgb(89,10,13)
```
#6a0c10
```
#6a0c10 rgb(106,12,16)
```
#7c0e12
```
#7c0e12 rgb(124,14,18)
```
#8e1015
```
#8e1015 rgb(142,16,21)
```
#9f1217
```
#9f1217 rgb(159,18,23)
```
#b1141a
```
#b1141a rgb(177,20,26)
```
#c2161c
```
#c2161c rgb(194,22,28)
```
#d4181f
```
#d4181f rgb(212,24,31)
```

Shade Color Variation

#e51a22
```
#e51a22 rgb(229,26,34)
```
#e72c33
```
#e72c33 rgb(231,44,51)
```
#e93e44
```
#e93e44 rgb(233,62,68)
```
#eb4f55
```
#eb4f55 rgb(235,79,85)
```
#ed6166
```
#ed6166 rgb(237,97,102)
```
#ef7377
```
#ef7377 rgb(239,115,119)
```
#f18488
```
#f18488 rgb(241,132,136)
```
#f39699
```
#f39699 rgb(243,150,153)
```
#f5a7aa
```
#f5a7aa rgb(245,167,170)
```
#f7b9bb
```
#f7b9bb rgb(247,185,187)
```
#f9cbcc
```
#f9cbcc rgb(249,203,204)
```
#fbdcdd
```
#fbdcdd rgb(251,220,221)
```
#fdeeee
```
#fdeeee rgb(253,238,238)
```

Tint Color Variation

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

#797373
```
#797373 rgb(121,115,115)
```
#826a6b
```
#826a6b rgb(130,106,107)
```
#8b6162
```
#8b6162 rgb(139,97,98)
```
#94585a
```
#94585a rgb(148,88,90)
```
#9e4e51
```
#9e4e51 rgb(158,78,81)
```
#a74549
```
#a74549 rgb(167,69,73)
```
#b03c41
```
#b03c41 rgb(176,60,65)
```
#b93338
```
#b93338 rgb(185,51,56)
```
#c22a30
```
#c22a30 rgb(194,42,48)
```
#cb2127
```
#cb2127 rgb(203,33,39)
```
#d4181f
```
#d4181f rgb(212,24,31)
```
#dd0f17
```
#dd0f17 rgb(221,15,23)
```
#e6060e
```
#e6060e rgb(230,6,14)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#6b4647 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e723c Protanopia 1% of men
#8f6d13 Deuteranopia 1% of men
#d62522 Tritanopia 0.001% of the population

Trichromacy

#9d5131 Protanomaly 1% of men, 0.01% of women
#a84e17 Deuteranomaly 6% of men, 0.4% of women
#d52021 Tritanomaly 0.01% of the population

#d4181f hex color

#d4181f Color Information

#d4181f Color Conversion

Color Schemes with #d4181f

Alternatives to #d4181f

#d4181f Preview

Shades and Tints of #d4181f

Tones of #d4181f

Color Blindness Simulator