#d4180a hex color

In a RGB color space, hex #d4180a is composed of 83.1% red, 9.4% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 95.3% yellow and 16.9% black. It has a hue angle of 4.2 degrees, a saturation of 91% and a lightness of 43.5%. #d4180a color hex could be obtained by blending #ff3014 with #a90000. Closest websafe color is: #cc0000.

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

● #d4180a color description : Strong red.

The hexadecimal color #d4180a has RGB values of R:212, G:24, B:10 and CMYK values of C:0, M:0.89, Y:0.95, K:0.17. Its decimal value is 13899786.

Hex triplet	d4180a	`#d4180a`
RGB Decimal	212, 24, 10	`rgb(212,24,10)`
RGB Percent	83.1, 9.4, 3.9	`rgb(83.1%,9.4%,3.9%)`
CMYK	0, 89, 95, 17
HSL	4.2°, 91, 43.5	`hsl(4.2,91%,43.5%)`
HSV (or HSB)	4.2°, 95.3, 83.1
Web Safe	cc0000	`#cc0000`

CIE-LAB	45.187, 67.101, 55.802
XYZ	27.534, 14.676, 1.67
xyY	0.627, 0.334, 14.676
CIE-LCH	45.187, 87.272, 39.747
CIE-LUV	45.187, 139.827, 31.948
Hunter-Lab	38.309, 61.254, 24.232
Binary	11010100, 00011000, 00001010

#d4180a
```
#d4180a rgb(212,24,10)
```
#0ac6d4
```
#0ac6d4 rgb(10,198,212)
```

Complementary Color

#d40a61
```
#d40a61 rgb(212,10,97)
```
#d4180a
```
#d4180a rgb(212,24,10)
```
#d47d0a
```
#d47d0a rgb(212,125,10)
```

Analogous Color

#0a61d4
```
#0a61d4 rgb(10,97,212)
```
#d4180a
```
#d4180a rgb(212,24,10)
```
#0ad47d
```
#0ad47d rgb(10,212,125)
```

Split Complementary Color

#180ad4
```
#180ad4 rgb(24,10,212)
```
#d4180a
```
#d4180a rgb(212,24,10)
```
#0ad418
```
#0ad418 rgb(10,212,24)
```

Triadic Color

#d40ac6
```
#d40ac6 rgb(212,10,198)
```
#d4180a
```
#d4180a rgb(212,24,10)
```
#0ad418
```
#0ad418 rgb(10,212,24)
```
#0ac6d4
```
#0ac6d4 rgb(10,198,212)
```

Tetradic Color

#8b1007
```
#8b1007 rgb(139,16,7)
```
#a31208
```
#a31208 rgb(163,18,8)
```
#bc1509
```
#bc1509 rgb(188,21,9)
```
#d4180a
```
#d4180a rgb(212,24,10)
```
#ec1b0b
```
#ec1b0b rgb(236,27,11)
```
#f42c1d
```
#f42c1d rgb(244,44,29)
```
#f54235
```
#f54235 rgb(245,66,53)
```

Monochromatic Color

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

#d40a2f
```
#d40a2f rgb(212,10,47)
```
#d40a1e
```
#d40a1e rgb(212,10,30)
```
#d40a0d
```
#d40a0d rgb(212,10,13)
```
#d4180a
```
#d4180a rgb(212,24,10)
```
#d4290a
```
#d4290a rgb(212,41,10)
```
#d43a0a
```
#d43a0a rgb(212,58,10)
```
#d44b0a
```
#d44b0a rgb(212,75,10)
```

Similar Colors

Text with hexadecimal color #d4180a

This text has a font color of #d4180a.

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

#d4180a background color

This paragraph has a background color of #d4180a.

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

#d4180a border color

This element has a border color of #d4180a.

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

CSS codes

.text {color:#d4180a;}

.background {background-color:#d4180a;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#190301
```
#190301 rgb(25,3,1)
```
#2b0502
```
#2b0502 rgb(43,5,2)
```
#3e0703
```
#3e0703 rgb(62,7,3)
```
#510904
```
#510904 rgb(81,9,4)
```
#640b05
```
#640b05 rgb(100,11,5)
```
#760d06
```
#760d06 rgb(118,13,6)
```
#891006
```
#891006 rgb(137,16,6)
```
#9c1207
```
#9c1207 rgb(156,18,7)
```
#af1408
```
#af1408 rgb(175,20,8)
```
#c11609
```
#c11609 rgb(193,22,9)
```
#d4180a
```
#d4180a rgb(212,24,10)
```
#e71a0b
```
#e71a0b rgb(231,26,11)
```

Shade Color Variation

#f42111
```
#f42111 rgb(244,33,17)
```
#f53324
```
#f53324 rgb(245,51,36)
```
#f64437
```
#f64437 rgb(246,68,55)
```
#f6564a
```
#f6564a rgb(246,86,74)
```
#f7675c
```
#f7675c rgb(247,103,92)
```
#f8796f
```
#f8796f rgb(248,121,111)
```
#f98a82
```
#f98a82 rgb(249,138,130)
```
#fa9c95
```
#fa9c95 rgb(250,156,149)
```
#fbada7
```
#fbada7 rgb(251,173,167)
```
#fcbfba
```
#fcbfba rgb(252,191,186)
```
#fdd0cd
```
#fdd0cd rgb(253,208,205)
```
#fee2df
```
#fee2df rgb(254,226,223)
```
#fef3f2
```
#fef3f2 rgb(254,243,242)
```

Tint Color Variation

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

#766968
```
#766968 rgb(118,105,104)
```
#7f625f
```
#7f625f rgb(127,98,95)
```
#875a57
```
#875a57 rgb(135,90,87)
```
#90534e
```
#90534e rgb(144,83,78)
```
#984b46
```
#984b46 rgb(152,75,70)
```
#a1443d
```
#a1443d rgb(161,68,61)
```
#a93d35
```
#a93d35 rgb(169,61,53)
```
#b2352c
```
#b2352c rgb(178,53,44)
```
#ba2e24
```
#ba2e24 rgb(186,46,36)
```
#c3271b
```
#c3271b rgb(195,39,27)
```
#cb1f13
```
#cb1f13 rgb(203,31,19)
```
#d4180a
```
#d4180a rgb(212,24,10)
```
#dd1101
```
#dd1101 rgb(221,17,1)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#6a4441 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7227 Protanopia 1% of men
#8f6d00 Deuteranopia 1% of men
#d6231f Tritanopia 0.001% of the population

Trichromacy

#9e511c Protanomaly 1% of men, 0.01% of women
#a84e03 Deuteranomaly 6% of men, 0.4% of women
#d51f17 Tritanomaly 0.01% of the population

#d4180a hex color

#d4180a Color Information

#d4180a Color Conversion

Color Schemes with #d4180a

Alternatives to #d4180a

#d4180a Preview

Shades and Tints of #d4180a

Tones of #d4180a

Color Blindness Simulator