#d02f31 hex color

In a RGB color space, hex #d02f31 is composed of 81.6% red, 18.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 76.4% yellow and 18.4% black. It has a hue angle of 359.3 degrees, a saturation of 63.1% and a lightness of 50%. #d02f31 color hex could be obtained by blending #ff5e62 with #a10000. Closest websafe color is: #cc3333.

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

● #d02f31 color description : Strong red.

The hexadecimal color #d02f31 has RGB values of R:208, G:47, B:49 and CMYK values of C:0, M:0.77, Y:0.76, K:0.18. Its decimal value is 13643569.

Hex triplet	d02f31	`#d02f31`
RGB Decimal	208, 47, 49	`rgb(208,47,49)`
RGB Percent	81.6, 18.4, 19.2	`rgb(81.6%,18.4%,19.2%)`
CMYK	0, 77, 76, 18
HSL	359.3°, 63.1, 50	`hsl(359.3,63.1%,50%)`
HSV (or HSB)	359.3°, 77.4, 81.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.536, 61.488, 38.789
XYZ	27.585, 15.668, 4.477
xyY	0.578, 0.328, 15.668
CIE-LCH	46.536, 72.7, 32.245
CIE-LUV	46.536, 122.133, 25.717
Hunter-Lab	39.583, 55.124, 21.002
Binary	11010000, 00101111, 00110001

#d02f31
```
#d02f31 rgb(208,47,49)
```
#2fd0ce
```
#2fd0ce rgb(47,208,206)
```

Complementary Color

#d02f82
```
#d02f82 rgb(208,47,130)
```
#d02f31
```
#d02f31 rgb(208,47,49)
```
#d07e2f
```
#d07e2f rgb(208,126,47)
```

Analogous Color

#2f82d0
```
#2f82d0 rgb(47,130,208)
```
#d02f31
```
#d02f31 rgb(208,47,49)
```
#2fd07e
```
#2fd07e rgb(47,208,126)
```

Split Complementary Color

#2f31d0
```
#2f31d0 rgb(47,49,208)
```
#d02f31
```
#d02f31 rgb(208,47,49)
```
#31d02f
```
#31d02f rgb(49,208,47)
```

Triadic Color

#ce2fd0
```
#ce2fd0 rgb(206,47,208)
```
#d02f31
```
#d02f31 rgb(208,47,49)
```
#31d02f
```
#31d02f rgb(49,208,47)
```
#2fd0ce
```
#2fd0ce rgb(47,208,206)
```

Tetradic Color

#922122
```
#922122 rgb(146,33,34)
```
#a62627
```
#a62627 rgb(166,38,39)
```
#bb2a2c
```
#bb2a2c rgb(187,42,44)
```
#d02f31
```
#d02f31 rgb(208,47,49)
```
#d54446
```
#d54446 rgb(213,68,70)
```
#d9595a
```
#d9595a rgb(217,89,90)
```
#de6d6f
```
#de6d6f rgb(222,109,111)
```

Monochromatic Color

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

#d02f59
```
#d02f59 rgb(208,47,89)
```
#d02f4c
```
#d02f4c rgb(208,47,76)
```
#d02f3e
```
#d02f3e rgb(208,47,62)
```
#d02f31
```
#d02f31 rgb(208,47,49)
```
#d03a2f
```
#d03a2f rgb(208,58,47)
```
#d0482f
```
#d0482f rgb(208,72,47)
```
#d0552f
```
#d0552f rgb(208,85,47)
```

Similar Colors

Text with hexadecimal color #d02f31

This text has a font color of #d02f31.

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

#d02f31 background color

This paragraph has a background color of #d02f31.

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

#d02f31 border color

This element has a border color of #d02f31.

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

CSS codes

.text {color:#d02f31;}

.background {background-color:#d02f31;}

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

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

#100404
```
#100404 rgb(16,4,4)
```
#200708
```
#200708 rgb(32,7,8)
```
#300b0b
```
#300b0b rgb(48,11,11)
```
#400e0f
```
#400e0f rgb(64,14,15)
```
#501213
```
#501213 rgb(80,18,19)
```
#601617
```
#601617 rgb(96,22,23)
```
#70191a
```
#70191a rgb(112,25,26)
```
#801d1e
```
#801d1e rgb(128,29,30)
```
#902122
```
#902122 rgb(144,33,34)
```
#a02426
```
#a02426 rgb(160,36,38)
```
#b02829
```
#b02829 rgb(176,40,41)
```
#c02b2d
```
#c02b2d rgb(192,43,45)
```
#d02f31
```
#d02f31 rgb(208,47,49)
```

Shade Color Variation

#d43f41
```
#d43f41 rgb(212,63,65)
```
#d74f51
```
#d74f51 rgb(215,79,81)
```
#db5f61
```
#db5f61 rgb(219,95,97)
```
#de6f70
```
#de6f70 rgb(222,111,112)
```
#e27f80
```
#e27f80 rgb(226,127,128)
```
#e68f90
```
#e68f90 rgb(230,143,144)
```
#e99fa0
```
#e99fa0 rgb(233,159,160)
```
#edafb0
```
#edafb0 rgb(237,175,176)
```
#f1bfc0
```
#f1bfc0 rgb(241,191,192)
```
#f4cfcf
```
#f4cfcf rgb(244,207,207)
```
#f8dfdf
```
#f8dfdf rgb(248,223,223)
```
#fbefef
```
#fbefef rgb(251,239,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#827d7e
```
#827d7e rgb(130,125,126)
```
#8b7474
```
#8b7474 rgb(139,116,116)
```
#956a6a
```
#956a6a rgb(149,106,106)
```
#9f6061
```
#9f6061 rgb(159,96,97)
```
#a95657
```
#a95657 rgb(169,86,87)
```
#b34c4e
```
#b34c4e rgb(179,76,78)
```
#bc4344
```
#bc4344 rgb(188,67,68)
```
#c6393b
```
#c6393b rgb(198,57,59)
```
#d02f31
```
#d02f31 rgb(208,47,49)
```
#da2527
```
#da2527 rgb(218,37,39)
```
#e41b1e
```
#e41b1e rgb(228,27,30)
```
#ed1214
```
#ed1214 rgb(237,18,20)
```
#f7080b
```
#f7080b rgb(247,8,11)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#765556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f754d Protanopia 1% of men
#91702f Deuteranopia 1% of men
#d2393b Tritanopia 0.001% of the population

Trichromacy

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

#d02f31 hex color

#d02f31 Color Information

#d02f31 Color Conversion

Color Schemes with #d02f31

Alternatives to #d02f31

#d02f31 Preview

Shades and Tints of #d02f31

Tones of #d02f31

Color Blindness Simulator