#df480f hex color

In a RGB color space, hex #df480f is composed of 87.5% red, 28.2% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.7% magenta, 93.3% yellow and 12.5% black. It has a hue angle of 16.4 degrees, a saturation of 87.4% and a lightness of 46.7%. #df480f color hex could be obtained by blending #ff901e with #bf0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 87
- G 28
- B 6
RGB color chart
- C 0
- M 68
- Y 93
- K 13
CMYK color chart

● #df480f color description : Vivid orange.

The hexadecimal color #df480f has RGB values of R:223, G:72, B:15 and CMYK values of C:0, M:0.68, Y:0.93, K:0.13. Its decimal value is 14632975.

Hex triplet	df480f	`#df480f`
RGB Decimal	223, 72, 15	`rgb(223,72,15)`
RGB Percent	87.5, 28.2, 5.9	`rgb(87.5%,28.2%,5.9%)`
CMYK	0, 68, 93, 13
HSL	16.4°, 87.4, 46.7	`hsl(16.4,87.4%,46.7%)`
HSV (or HSB)	16.4°, 93.3, 87.5
Web Safe	cc3300	`#cc3300`

CIE-LAB	52.243, 56.69, 59.679
XYZ	32.837, 20.361, 2.653
xyY	0.588, 0.365, 20.361
CIE-LCH	52.243, 82.312, 46.471
CIE-LUV	52.243, 123.296, 41.404
Hunter-Lab	45.123, 50.931, 28.1
Binary	11011111, 01001000, 00001111

#df480f
```
#df480f rgb(223,72,15)
```
#0fa6df
```
#0fa6df rgb(15,166,223)
```

Complementary Color

#df0f3e
```
#df0f3e rgb(223,15,62)
```
#df480f
```
#df480f rgb(223,72,15)
```
#dfb00f
```
#dfb00f rgb(223,176,15)
```

Analogous Color

#0f3edf
```
#0f3edf rgb(15,62,223)
```
#df480f
```
#df480f rgb(223,72,15)
```
#0fdfb0
```
#0fdfb0 rgb(15,223,176)
```

Split Complementary Color

#480fdf
```
#480fdf rgb(72,15,223)
```
#df480f
```
#df480f rgb(223,72,15)
```
#0fdf48
```
#0fdf48 rgb(15,223,72)
```

Triadic Color

#df0fa6
```
#df0fa6 rgb(223,15,166)
```
#df480f
```
#df480f rgb(223,72,15)
```
#0fdf48
```
#0fdf48 rgb(15,223,72)
```
#0fa6df
```
#0fa6df rgb(15,166,223)
```

Tetradic Color

#97310a
```
#97310a rgb(151,49,10)
```
#af390c
```
#af390c rgb(175,57,12)
```
#c7400d
```
#c7400d rgb(199,64,13)
```
#df480f
```
#df480f rgb(223,72,15)
```
#ef5318
```
#ef5318 rgb(239,83,24)
```
#f16530
```
#f16530 rgb(241,101,48)
```
#f37748
```
#f37748 rgb(243,119,72)
```

Monochromatic Color

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

#df140f
```
#df140f rgb(223,20,15)
```
#df250f
```
#df250f rgb(223,37,15)
```
#df370f
```
#df370f rgb(223,55,15)
```
#df480f
```
#df480f rgb(223,72,15)
```
#df590f
```
#df590f rgb(223,89,15)
```
#df6b0f
```
#df6b0f rgb(223,107,15)
```
#df7c0f
```
#df7c0f rgb(223,124,15)
```

Similar Colors

Text with hexadecimal color #df480f

This text has a font color of #df480f.

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

#df480f background color

This paragraph has a background color of #df480f.

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

#df480f border color

This element has a border color of #df480f.

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

CSS codes

.text {color:#df480f;}

.background {background-color:#df480f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150701
```
#150701 rgb(21,7,1)
```
#270d03
```
#270d03 rgb(39,13,3)
```
#3a1304
```
#3a1304 rgb(58,19,4)
```
#4c1905
```
#4c1905 rgb(76,25,5)
```
#5e1e06
```
#5e1e06 rgb(94,30,6)
```
#712408
```
#712408 rgb(113,36,8)
```
#832a09
```
#832a09 rgb(131,42,9)
```
#95300a
```
#95300a rgb(149,48,10)
```
#a8360b
```
#a8360b rgb(168,54,11)
```
#ba3c0d
```
#ba3c0d rgb(186,60,13)
```
#cd420e
```
#cd420e rgb(205,66,14)
```
#df480f
```
#df480f rgb(223,72,15)
```

Shade Color Variation

#ef4f13
```
#ef4f13 rgb(239,79,19)
```
#f05d25
```
#f05d25 rgb(240,93,37)
```
#f26a37
```
#f26a37 rgb(242,106,55)
```
#f3784a
```
#f3784a rgb(243,120,74)
```
#f4865c
```
#f4865c rgb(244,134,92)
```
#f5936e
```
#f5936e rgb(245,147,110)
```
#f7a181
```
#f7a181 rgb(247,161,129)
```
#f8af93
```
#f8af93 rgb(248,175,147)
```
#f9bca6
```
#f9bca6 rgb(249,188,166)
```
#facab8
```
#facab8 rgb(250,202,184)
```
#fbd8ca
```
#fbd8ca rgb(251,216,202)
```
#fde5dd
```
#fde5dd rgb(253,229,221)
```
#fef3ef
```
#fef3ef rgb(254,243,239)
```

Tint Color Variation

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

#7a7674
```
#7a7674 rgb(122,118,116)
```
#83716b
```
#83716b rgb(131,113,107)
```
#8d6d61
```
#8d6d61 rgb(141,109,97)
```
#966958
```
#966958 rgb(150,105,88)
```
#9f654f
```
#9f654f rgb(159,101,79)
```
#a86146
```
#a86146 rgb(168,97,70)
```
#b15d3d
```
#b15d3d rgb(177,93,61)
```
#ba5934
```
#ba5934 rgb(186,89,52)
```
#c4542a
```
#c4542a rgb(196,84,42)
```
#cd5021
```
#cd5021 rgb(205,80,33)
```
#d64c18
```
#d64c18 rgb(214,76,24)
```
#df480f
```
#df480f rgb(223,72,15)
```
#e84406
```
#e84406 rgb(232,68,6)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#85675c Atypical Achromatopsia 0.001% of the population

Dichromacy

#928327 Protanopia 1% of men
#a47d00 Deuteranopia 1% of men
#e14c50 Tritanopia 0.001% of the population

Trichromacy

#ae6d1e Protanomaly 1% of men, 0.01% of women
#b96905 Deuteranomaly 6% of men, 0.4% of women
#e04a38 Tritanomaly 0.01% of the population

#df480f hex color

#df480f Color Information

#df480f Color Conversion

Color Schemes with #df480f

Alternatives to #df480f

#df480f Preview

Shades and Tints of #df480f

Tones of #df480f

Color Blindness Simulator