#df0018 hex color

In a RGB color space, hex #df0018 is composed of 87.5% red, 0% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 89.2% yellow and 12.5% black. It has a hue angle of 353.5 degrees, a saturation of 100% and a lightness of 43.7%. #df0018 color hex could be obtained by blending #ff0030 with #bf0000. Closest websafe color is: #cc0000.

♥
- f
- t
- g
- R 87
- G 0
- B 9
RGB color chart
- C 0
- M 100
- Y 89
- K 13
CMYK color chart

● #df0018 color description : Pure (or mostly pure) red.

The hexadecimal color #df0018 has RGB values of R:223, G:0, B:24 and CMYK values of C:0, M:1, Y:0.89, K:0.13. Its decimal value is 14614552.

Hex triplet	df0018	`#df0018`
RGB Decimal	223, 0, 24	`rgb(223,0,24)`
RGB Percent	87.5, 0, 9.4	`rgb(87.5%,0%,9.4%)`
CMYK	0, 100, 89, 13
HSL	353.5°, 100, 43.7	`hsl(353.5,100%,43.7%)`
HSV (or HSB)	353.5°, 100, 87.5
Web Safe	cc0000	`#cc0000`

CIE-LAB	46.655, 72.613, 52.783
XYZ	30.598, 15.758, 2.295
xyY	0.629, 0.324, 15.758
CIE-LCH	46.655, 89.77, 36.013
CIE-LUV	46.655, 151.076, 30.048
Hunter-Lab	39.696, 68.119, 24.36
Binary	11011111, 00000000, 00011000

#df0018
```
#df0018 rgb(223,0,24)
```
#00dfc7
```
#00dfc7 rgb(0,223,199)
```

Complementary Color

#df0088
```
#df0088 rgb(223,0,136)
```
#df0018
```
#df0018 rgb(223,0,24)
```
#df5700
```
#df5700 rgb(223,87,0)
```

Analogous Color

#0088df
```
#0088df rgb(0,136,223)
```
#df0018
```
#df0018 rgb(223,0,24)
```
#00df57
```
#00df57 rgb(0,223,87)
```

Split Complementary Color

#0018df
```
#0018df rgb(0,24,223)
```
#df0018
```
#df0018 rgb(223,0,24)
```
#18df00
```
#18df00 rgb(24,223,0)
```

Triadic Color

#c700df
```
#c700df rgb(199,0,223)
```
#df0018
```
#df0018 rgb(223,0,24)
```
#18df00
```
#18df00 rgb(24,223,0)
```
#00dfc7
```
#00dfc7 rgb(0,223,199)
```

Tetradic Color

#930010
```
#930010 rgb(147,0,16)
```
#ac0013
```
#ac0013 rgb(172,0,19)
```
#c60015
```
#c60015 rgb(198,0,21)
```
#df0018
```
#df0018 rgb(223,0,24)
```
#f9001b
```
#f9001b rgb(249,0,27)
```
#ff132c
```
#ff132c rgb(255,19,44)
```
#ff2d43
```
#ff2d43 rgb(255,45,67)
```

Monochromatic Color

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

#df0050
```
#df0050 rgb(223,0,80)
```
#df003d
```
#df003d rgb(223,0,61)
```
#df002b
```
#df002b rgb(223,0,43)
```
#df0018
```
#df0018 rgb(223,0,24)
```
#df0005
```
#df0005 rgb(223,0,5)
```
#df0d00
```
#df0d00 rgb(223,13,0)
```
#df2000
```
#df2000 rgb(223,32,0)
```

Similar Colors

Text with hexadecimal color #df0018

This text has a font color of #df0018.

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

#df0018 background color

This paragraph has a background color of #df0018.

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

#df0018 border color

This element has a border color of #df0018.

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

CSS codes

.text {color:#df0018;}

.background {background-color:#df0018;}

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

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

#070001
```
#070001 rgb(7,0,1)
```
#1b0003
```
#1b0003 rgb(27,0,3)
```
#2e0005
```
#2e0005 rgb(46,0,5)
```
#420007
```
#420007 rgb(66,0,7)
```
#560009
```
#560009 rgb(86,0,9)
```
#69000b
```
#69000b rgb(105,0,11)
```
#7d000d
```
#7d000d rgb(125,0,13)
```
#910010
```
#910010 rgb(145,0,16)
```
#a40012
```
#a40012 rgb(164,0,18)
```
#b80014
```
#b80014 rgb(184,0,20)
```
#cb0016
```
#cb0016 rgb(203,0,22)
```
#df0018
```
#df0018 rgb(223,0,24)
```
#f3001a
```
#f3001a rgb(243,0,26)
```

Shade Color Variation

#ff0722
```
#ff0722 rgb(255,7,34)
```
#ff1b33
```
#ff1b33 rgb(255,27,51)
```
#ff2e45
```
#ff2e45 rgb(255,46,69)
```
#ff4256
```
#ff4256 rgb(255,66,86)
```
#ff5668
```
#ff5668 rgb(255,86,104)
```
#ff6979
```
#ff6979 rgb(255,105,121)
```
#ff7d8b
```
#ff7d8b rgb(255,125,139)
```
#ff919c
```
#ff919c rgb(255,145,156)
```
#ffa4ae
```
#ffa4ae rgb(255,164,174)
```
#ffb8bf
```
#ffb8bf rgb(255,184,191)
```
#ffcbd1
```
#ffcbd1 rgb(255,203,209)
```
#ffdfe2
```
#ffdfe2 rgb(255,223,226)
```
#fff3f4
```
#fff3f4 rgb(255,243,244)
```

Tint Color Variation

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

#786769
```
#786769 rgb(120,103,105)
```
#815e62
```
#815e62 rgb(129,94,98)
```
#89565b
```
#89565b rgb(137,86,91)
```
#924d55
```
#924d55 rgb(146,77,85)
```
#9a454e
```
#9a454e rgb(154,69,78)
```
#a33c47
```
#a33c47 rgb(163,60,71)
```
#ac3340
```
#ac3340 rgb(172,51,64)
```
#b42b3a
```
#b42b3a rgb(180,43,58)
```
#bd2233
```
#bd2233 rgb(189,34,51)
```
#c51a2c
```
#c51a2c rgb(197,26,44)
```
#ce1125
```
#ce1125 rgb(206,17,37)
```
#d6091f
```
#d6091f rgb(214,9,31)
```
#df0018
```
#df0018 rgb(223,0,24)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#64373c Atypical Achromatopsia 0.001% of the population

Dichromacy

#827636 Protanopia 1% of men
#937000 Deuteranopia 1% of men
#df1800 Tritanopia 0.001% of the population

Trichromacy

#a44b2b Protanomaly 1% of men, 0.01% of women
#af4708 Deuteranomaly 6% of men, 0.4% of women
#df0f08 Tritanomaly 0.01% of the population

#df0018 hex color

#df0018 Color Information

#df0018 Color Conversion

Color Schemes with #df0018

Alternatives to #df0018

#df0018 Preview

Shades and Tints of #df0018

Tones of #df0018

Color Blindness Simulator