#d63f12 hex color

In a RGB color space, hex #d63f12 is composed of 83.9% red, 24.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.6% magenta, 91.6% yellow and 16.1% black. It has a hue angle of 13.8 degrees, a saturation of 84.5% and a lightness of 45.5%. #d63f12 color hex could be obtained by blending #ff7e24 with #ad0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 84
- G 25
- B 7
RGB color chart
- C 0
- M 71
- Y 92
- K 16
CMYK color chart

● #d63f12 color description : Strong red.

The hexadecimal color #d63f12 has RGB values of R:214, G:63, B:18 and CMYK values of C:0, M:0.71, Y:0.92, K:0.16. Its decimal value is 14040850.

Hex triplet	d63f12	`#d63f12`
RGB Decimal	214, 63, 18	`rgb(214,63,18)`
RGB Percent	83.9, 24.7, 7.1	`rgb(83.9%,24.7%,7.1%)`
CMYK	0, 71, 92, 16
HSL	13.8°, 84.5, 45.5	`hsl(13.8,84.5%,45.5%)`
HSV (or HSB)	13.8°, 91.6, 83.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.373, 57.209, 56.115
XYZ	29.62, 17.898, 2.467
xyY	0.593, 0.358, 17.898
CIE-LCH	49.373, 80.136, 44.447
CIE-LUV	49.373, 121.94, 37.838
Hunter-Lab	42.306, 50.936, 26.157
Binary	11010110, 00111111, 00010010

#d63f12
```
#d63f12 rgb(214,63,18)
```
#12a9d6
```
#12a9d6 rgb(18,169,214)
```

Complementary Color

#d61247
```
#d61247 rgb(214,18,71)
```
#d63f12
```
#d63f12 rgb(214,63,18)
```
#d6a112
```
#d6a112 rgb(214,161,18)
```

Analogous Color

#1247d6
```
#1247d6 rgb(18,71,214)
```
#d63f12
```
#d63f12 rgb(214,63,18)
```
#12d6a1
```
#12d6a1 rgb(18,214,161)
```

Split Complementary Color

#3f12d6
```
#3f12d6 rgb(63,18,214)
```
#d63f12
```
#d63f12 rgb(214,63,18)
```
#12d63f
```
#12d63f rgb(18,214,63)
```

Triadic Color

#d612a9
```
#d612a9 rgb(214,18,169)
```
#d63f12
```
#d63f12 rgb(214,63,18)
```
#12d63f
```
#12d63f rgb(18,214,63)
```
#12a9d6
```
#12a9d6 rgb(18,169,214)
```

Tetradic Color

#8f2a0c
```
#8f2a0c rgb(143,42,12)
```
#a7310e
```
#a7310e rgb(167,49,14)
```
#be3810
```
#be3810 rgb(190,56,16)
```
#d63f12
```
#d63f12 rgb(214,63,18)
```
#eb4716
```
#eb4716 rgb(235,71,22)
```
#ed5a2e
```
#ed5a2e rgb(237,90,46)
```
#ef6c45
```
#ef6c45 rgb(239,108,69)
```

Monochromatic Color

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

#d61216
```
#d61216 rgb(214,18,22)
```
#d61e12
```
#d61e12 rgb(214,30,18)
```
#d62f12
```
#d62f12 rgb(214,47,18)
```
#d63f12
```
#d63f12 rgb(214,63,18)
```
#d64f12
```
#d64f12 rgb(214,79,18)
```
#d66012
```
#d66012 rgb(214,96,18)
```
#d67012
```
#d67012 rgb(214,112,18)
```

Similar Colors

Text with hexadecimal color #d63f12

This text has a font color of #d63f12.

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

#d63f12 background color

This paragraph has a background color of #d63f12.

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

#d63f12 border color

This element has a border color of #d63f12.

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

CSS codes

.text {color:#d63f12;}

.background {background-color:#d63f12;}

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

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, #0f0401 is the darkest color, while #fffdfc is the lightest one.

#0f0401
```
#0f0401 rgb(15,4,1)
```
#210a03
```
#210a03 rgb(33,10,3)
```
#330f04
```
#330f04 rgb(51,15,4)
```
#451406
```
#451406 rgb(69,20,6)
```
#571a07
```
#571a07 rgb(87,26,7)
```
#691f09
```
#691f09 rgb(105,31,9)
```
#7c240a
```
#7c240a rgb(124,36,10)
```
#8e2a0c
```
#8e2a0c rgb(142,42,12)
```
#a02f0d
```
#a02f0d rgb(160,47,13)
```
#b2340f
```
#b2340f rgb(178,52,15)
```
#c43a10
```
#c43a10 rgb(196,58,16)
```
#d63f12
```
#d63f12 rgb(214,63,18)
```
#e84414
```
#e84414 rgb(232,68,20)
```

Shade Color Variation

#ec5123
```
#ec5123 rgb(236,81,35)
```
#ee5f35
```
#ee5f35 rgb(238,95,53)
```
#f06e47
```
#f06e47 rgb(240,110,71)
```
#f17c59
```
#f17c59 rgb(241,124,89)
```
#f38a6b
```
#f38a6b rgb(243,138,107)
```
#f4997d
```
#f4997d rgb(244,153,125)
```
#f6a78f
```
#f6a78f rgb(246,167,143)
```
#f7b5a1
```
#f7b5a1 rgb(247,181,161)
```
#f9c3b4
```
#f9c3b4 rgb(249,195,180)
```
#fad2c6
```
#fad2c6 rgb(250,210,198)
```
#fce0d8
```
#fce0d8 rgb(252,224,216)
```
#fdeeea
```
#fdeeea rgb(253,238,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#7d6f6b
```
#7d6f6b rgb(125,111,107)
```
#866a62
```
#866a62 rgb(134,106,98)
```
#8f6659
```
#8f6659 rgb(143,102,89)
```
#986150
```
#986150 rgb(152,97,80)
```
#a05c48
```
#a05c48 rgb(160,92,72)
```
#a9573f
```
#a9573f rgb(169,87,63)
```
#b25236
```
#b25236 rgb(178,82,54)
```
#bb4d2d
```
#bb4d2d rgb(187,77,45)
```
#c44924
```
#c44924 rgb(196,73,36)
```
#cd441b
```
#cd441b rgb(205,68,27)
```
#d63f12
```
#d63f12 rgb(214,63,18)
```
#df3a09
```
#df3a09 rgb(223,58,9)
```
#e83500
```
#e83500 rgb(232,53,0)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7d5f56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c2a Protanopia 1% of men
#9b7600 Deuteranopia 1% of men
#d94447 Tritanopia 0.001% of the population

Trichromacy

#a66621 Protanomaly 1% of men, 0.01% of women
#b06206 Deuteranomaly 6% of men, 0.4% of women
#d74234 Tritanomaly 0.01% of the population

#d63f12 hex color

#d63f12 Color Information

#d63f12 Color Conversion

Color Schemes with #d63f12

Alternatives to #d63f12

#d63f12 Preview

Shades and Tints of #d63f12

Tones of #d63f12

Color Blindness Simulator