colorhexa.com

#d4481f hex color

In a RGB color space, hex #d4481f is composed of 83.1% red, 28.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66% magenta, 85.4% yellow and 16.9% black. It has a hue angle of 13.6 degrees, a saturation of 74.5% and a lightness of 47.6%. #d4481f color hex could be obtained by blending #ff903e with #a90000. Closest websafe color is: #cc3333.

- R 83
- G 28
- B 12
RGB color chart
- C 0
- M 66
- Y 85
- K 17
CMYK color chart

● #d4481f color description : Strong red.

The hexadecimal color #d4481f has RGB values of R:212, G:72, B:31 and CMYK values of C:0, M:0.66, Y:0.85, K:0.17. Its decimal value is 13912095.

Hex triplet	d4481f	`#d4481f`
RGB Decimal	212, 72, 31	`rgb(212,72,31)`
RGB Percent	83.1, 28.2, 12.2	`rgb(83.1%,28.2%,12.2%)`
CMYK	0, 66, 85, 17
HSL	13.6°, 74.5, 47.6	`hsl(13.6,74.5%,47.6%)`
HSV (or HSB)	13.6°, 85.4, 83.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.375, 53.263, 51.785
XYZ	29.717, 18.734, 3.348
xyY	0.574, 0.362, 18.734
CIE-LCH	50.375, 74.287, 44.194
CIE-LUV	50.375, 113.119, 37.52
Hunter-Lab	43.283, 46.811, 25.713
Binary	11010100, 01001000, 00011111

#d4481f
```
#d4481f rgb(212,72,31)
```
#1fabd4
```
#1fabd4 rgb(31,171,212)
```

Complementary Color

#d41f51
```
#d41f51 rgb(212,31,81)
```
#d4481f
```
#d4481f rgb(212,72,31)
```
#d4a31f
```
#d4a31f rgb(212,163,31)
```

Analogous Color

#1f51d4
```
#1f51d4 rgb(31,81,212)
```
#d4481f
```
#d4481f rgb(212,72,31)
```
#1fd4a3
```
#1fd4a3 rgb(31,212,163)
```

Split Complementary Color

#481fd4
```
#481fd4 rgb(72,31,212)
```
#d4481f
```
#d4481f rgb(212,72,31)
```
#1fd448
```
#1fd448 rgb(31,212,72)
```

Triadic Color

#d41fab
```
#d41fab rgb(212,31,171)
```
#d4481f
```
#d4481f rgb(212,72,31)
```
#1fd448
```
#1fd448 rgb(31,212,72)
```
#1fabd4
```
#1fabd4 rgb(31,171,212)
```

Tetradic Color

#913115
```
#913115 rgb(145,49,21)
```
#a83918
```
#a83918 rgb(168,57,24)
```
#be401c
```
#be401c rgb(190,64,28)
```
#d4481f
```
#d4481f rgb(212,72,31)
```
#e0552c
```
#e0552c rgb(224,85,44)
```
#e36743
```
#e36743 rgb(227,103,67)
```
#e77959
```
#e77959 rgb(231,121,89)
```

Monochromatic Color

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

#d41f23
```
#d41f23 rgb(212,31,35)
```
#d42a1f
```
#d42a1f rgb(212,42,31)
```
#d4391f
```
#d4391f rgb(212,57,31)
```
#d4481f
```
#d4481f rgb(212,72,31)
```
#d4571f
```
#d4571f rgb(212,87,31)
```
#d4661f
```
#d4661f rgb(212,102,31)
```
#d4751f
```
#d4751f rgb(212,117,31)
```

Similar Colors

Text with hexadecimal color #d4481f

This text has a font color of #d4481f.

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

#d4481f background color

This paragraph has a background color of #d4481f.

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

#d4481f border color

This element has a border color of #d4481f.

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

CSS codes

.text {color:#d4481f;}

.background {background-color:#d4481f;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#180803
```
#180803 rgb(24,8,3)
```
#290e06
```
#290e06 rgb(41,14,6)
```
#3a1408
```
#3a1408 rgb(58,20,8)
```
#4b1a0b
```
#4b1a0b rgb(75,26,11)
```
#5c1f0d
```
#5c1f0d rgb(92,31,13)
```
#6d2510
```
#6d2510 rgb(109,37,16)
```
#7e2b12
```
#7e2b12 rgb(126,43,18)
```
#903115
```
#903115 rgb(144,49,21)
```
#a13717
```
#a13717 rgb(161,55,23)
```
#b23c1a
```
#b23c1a rgb(178,60,26)
```
#c3421c
```
#c3421c rgb(195,66,28)
```
#d4481f
```
#d4481f rgb(212,72,31)
```

Shade Color Variation

#df5127
```
#df5127 rgb(223,81,39)
```
#e25f38
```
#e25f38 rgb(226,95,56)
```
#e46d49
```
#e46d49 rgb(228,109,73)
```
#e77a5b
```
#e77a5b rgb(231,122,91)
```
#e9886c
```
#e9886c rgb(233,136,108)
```
#ec967d
```
#ec967d rgb(236,150,125)
```
#eea48e
```
#eea48e rgb(238,164,142)
```
#f1b29f
```
#f1b29f rgb(241,178,159)
```
#f3bfb0
```
#f3bfb0 rgb(243,191,176)
```
#f6cdc1
```
#f6cdc1 rgb(246,205,193)
```
#f8dbd2
```
#f8dbd2 rgb(248,219,210)
```
#fbe9e3
```
#fbe9e3 rgb(251,233,227)
```
#fdf7f5
```
#fdf7f5 rgb(253,247,245)
```

Tint Color Variation

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

#807673
```
#807673 rgb(128,118,115)
```
#89716a
```
#89716a rgb(137,113,106)
```
#936c60
```
#936c60 rgb(147,108,96)
```
#9c6757
```
#9c6757 rgb(156,103,87)
```
#a5624e
```
#a5624e rgb(165,98,78)
```
#af5c44
```
#af5c44 rgb(175,92,68)
```
#b8573b
```
#b8573b rgb(184,87,59)
```
#c15232
```
#c15232 rgb(193,82,50)
```
#cb4d28
```
#cb4d28 rgb(203,77,40)
```
#d4481f
```
#d4481f rgb(212,72,31)
```
#dd4316
```
#dd4316 rgb(221,67,22)
```
#e73e0c
```
#e73e0c rgb(231,62,12)
```
#f03903
```
#f03903 rgb(240,57,3)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#82665d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7f36 Protanopia 1% of men
#9e7819 Deuteranopia 1% of men
#d74d51 Tritanopia 0.001% of the population

Trichromacy

#a66b2d Protanomaly 1% of men, 0.01% of women
#b1671b Deuteranomaly 6% of men, 0.4% of women
#d64b3e Tritanomaly 0.01% of the population