#d12f31 hex color

In a RGB color space, hex #d12f31 is composed of 82% red, 18.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.5% magenta, 76.6% yellow and 18% black. It has a hue angle of 359.3 degrees, a saturation of 63.8% and a lightness of 50.2%. #d12f31 color hex could be obtained by blending #ff5e62 with #a30000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 82
- G 18
- B 19
RGB color chart
- C 0
- M 78
- Y 77
- K 18
CMYK color chart

● #d12f31 color description : Strong red.

The hexadecimal color #d12f31 has RGB values of R:209, G:47, B:49 and CMYK values of C:0, M:0.78, Y:0.77, K:0.18. Its decimal value is 13709105.

Hex triplet	d12f31	`#d12f31`
RGB Decimal	209, 47, 49	`rgb(209,47,49)`
RGB Percent	82, 18.4, 19.2	`rgb(82%,18.4%,19.2%)`
CMYK	0, 78, 77, 18
HSL	359.3°, 63.8, 50.2	`hsl(359.3,63.8%,50.2%)`
HSV (or HSB)	359.3°, 77.5, 82
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.729, 61.781, 39.053
XYZ	27.867, 15.813, 4.491
xyY	0.578, 0.328, 15.813
CIE-LCH	46.729, 73.089, 32.298
CIE-LUV	46.729, 122.918, 25.889
Hunter-Lab	39.766, 55.496, 21.141
Binary	11010001, 00101111, 00110001

#d12f31
```
#d12f31 rgb(209,47,49)
```
#2fd1cf
```
#2fd1cf rgb(47,209,207)
```

Complementary Color

#d12f82
```
#d12f82 rgb(209,47,130)
```
#d12f31
```
#d12f31 rgb(209,47,49)
```
#d17e2f
```
#d17e2f rgb(209,126,47)
```

Analogous Color

#2f82d1
```
#2f82d1 rgb(47,130,209)
```
#d12f31
```
#d12f31 rgb(209,47,49)
```
#2fd17e
```
#2fd17e rgb(47,209,126)
```

Split Complementary Color

#2f31d1
```
#2f31d1 rgb(47,49,209)
```
#d12f31
```
#d12f31 rgb(209,47,49)
```
#31d12f
```
#31d12f rgb(49,209,47)
```

Triadic Color

#cf2fd1
```
#cf2fd1 rgb(207,47,209)
```
#d12f31
```
#d12f31 rgb(209,47,49)
```
#31d12f
```
#31d12f rgb(49,209,47)
```
#2fd1cf
```
#2fd1cf rgb(47,209,207)
```

Tetradic Color

#932122
```
#932122 rgb(147,33,34)
```
#a82527
```
#a82527 rgb(168,37,39)
```
#bd2a2c
```
#bd2a2c rgb(189,42,44)
```
#d12f31
```
#d12f31 rgb(209,47,49)
```
#d64446
```
#d64446 rgb(214,68,70)
```
#da595a
```
#da595a rgb(218,89,90)
```
#df6e6f
```
#df6e6f rgb(223,110,111)
```

Monochromatic Color

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

#d12f5a
```
#d12f5a rgb(209,47,90)
```
#d12f4c
```
#d12f4c rgb(209,47,76)
```
#d12f3f
```
#d12f3f rgb(209,47,63)
```
#d12f31
```
#d12f31 rgb(209,47,49)
```
#d13b2f
```
#d13b2f rgb(209,59,47)
```
#d1482f
```
#d1482f rgb(209,72,47)
```
#d1562f
```
#d1562f rgb(209,86,47)
```

Similar Colors

Text with hexadecimal color #d12f31

This text has a font color of #d12f31.

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

#d12f31 background color

This paragraph has a background color of #d12f31.

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

#d12f31 border color

This element has a border color of #d12f31.

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

CSS codes

.text {color:#d12f31;}

.background {background-color:#d12f31;}

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

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 #fcf0f0 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#110404
```
#110404 rgb(17,4,4)
```
#210708
```
#210708 rgb(33,7,8)
```
#310b0b
```
#310b0b rgb(49,11,11)
```
#410e0f
```
#410e0f rgb(65,14,15)
```
#511213
```
#511213 rgb(81,18,19)
```
#611516
```
#611516 rgb(97,21,22)
```
#71191a
```
#71191a rgb(113,25,26)
```
#811d1e
```
#811d1e rgb(129,29,30)
```
#912022
```
#912022 rgb(145,32,34)
```
#a12425
```
#a12425 rgb(161,36,37)
```
#b22729
```
#b22729 rgb(178,39,41)
```
#c22b2d
```
#c22b2d rgb(194,43,45)
```

Shade Color Variation

#d12f31
```
#d12f31 rgb(209,47,49)
```
#d53f41
```
#d53f41 rgb(213,63,65)
```
#d84f51
```
#d84f51 rgb(216,79,81)
```
#dc5f61
```
#dc5f61 rgb(220,95,97)
```
#df6f71
```
#df6f71 rgb(223,111,113)
```
#e37f81
```
#e37f81 rgb(227,127,129)
```
#e68f90
```
#e68f90 rgb(230,143,144)
```
#ea9fa0
```
#ea9fa0 rgb(234,159,160)
```
#edb0b0
```
#edb0b0 rgb(237,176,176)
```
#f1c0c0
```
#f1c0c0 rgb(241,192,192)
```
#f5d0d0
```
#f5d0d0 rgb(245,208,208)
```
#f8e0e0
```
#f8e0e0 rgb(248,224,224)
```
#fcf0f0
```
#fcf0f0 rgb(252,240,240)
```

Tint Color Variation

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

#837d7d
```
#837d7d rgb(131,125,125)
```
#8d7374
```
#8d7374 rgb(141,115,116)
```
#966a6a
```
#966a6a rgb(150,106,106)
```
#a06061
```
#a06061 rgb(160,96,97)
```
#aa5657
```
#aa5657 rgb(170,86,87)
```
#b44c4e
```
#b44c4e rgb(180,76,78)
```
#bd4344
```
#bd4344 rgb(189,67,68)
```
#c7393b
```
#c7393b rgb(199,57,59)
```
#d12f31
```
#d12f31 rgb(209,47,49)
```
#db2527
```
#db2527 rgb(219,37,39)
```
#e51b1e
```
#e51b1e rgb(229,27,30)
```
#ee1214
```
#ee1214 rgb(238,18,20)
```
#f8080b
```
#f8080b rgb(248,8,11)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#775657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80764d Protanopia 1% of men
#92702f Deuteranopia 1% of men
#d3393b Tritanopia 0.001% of the population

Trichromacy

#9d5c42 Protanomaly 1% of men, 0.01% of women
#a8582f Deuteranomaly 6% of men, 0.4% of women
#d23537 Tritanomaly 0.01% of the population

#d12f31 hex color

#d12f31 Color Information

#d12f31 Color Conversion

Color Schemes with #d12f31

Alternatives to #d12f31

#d12f31 Preview

Shades and Tints of #d12f31

Tones of #d12f31

Color Blindness Simulator