#de680e hex color

In a RGB color space, hex #de680e is composed of 87.1% red, 40.8% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.2% magenta, 93.7% yellow and 12.9% black. It has a hue angle of 26 degrees, a saturation of 88.1% and a lightness of 46.3%. #de680e color hex could be obtained by blending #ffd01c with #bd0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 87
- G 41
- B 5
RGB color chart
- C 0
- M 53
- Y 94
- K 13
CMYK color chart

● #de680e color description : Vivid orange.

The hexadecimal color #de680e has RGB values of R:222, G:104, B:14 and CMYK values of C:0, M:0.53, Y:0.94, K:0.13. Its decimal value is 14575630.

Hex triplet	de680e	`#de680e`
RGB Decimal	222, 104, 14	`rgb(222,104,14)`
RGB Percent	87.1, 40.8, 5.5	`rgb(87.1%,40.8%,5.5%)`
CMYK	0, 53, 94, 13
HSL	26°, 88.1, 46.3	`hsl(26,88.1%,46.3%)`
HSV (or HSB)	26°, 93.7, 87.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.526, 41.988, 63.302
XYZ	35.155, 25.465, 3.48
xyY	0.548, 0.397, 25.465
CIE-LCH	57.526, 75.961, 56.443
CIE-LUV	57.526, 97.997, 50.616
Hunter-Lab	50.463, 36.041, 31.236
Binary	11011110, 01101000, 00001110

#de680e
```
#de680e rgb(222,104,14)
```
#0e84de
```
#0e84de rgb(14,132,222)
```

Complementary Color

#de0e1c
```
#de0e1c rgb(222,14,28)
```
#de680e
```
#de680e rgb(222,104,14)
```
#ded00e
```
#ded00e rgb(222,208,14)
```

Analogous Color

#0e1cde
```
#0e1cde rgb(14,28,222)
```
#de680e
```
#de680e rgb(222,104,14)
```
#0eded0
```
#0eded0 rgb(14,222,208)
```

Split Complementary Color

#680ede
```
#680ede rgb(104,14,222)
```
#de680e
```
#de680e rgb(222,104,14)
```
#0ede68
```
#0ede68 rgb(14,222,104)
```

Triadic Color

#de0e84
```
#de0e84 rgb(222,14,132)
```
#de680e
```
#de680e rgb(222,104,14)
```
#0ede68
```
#0ede68 rgb(14,222,104)
```
#0e84de
```
#0e84de rgb(14,132,222)
```

Tetradic Color

#964609
```
#964609 rgb(150,70,9)
```
#ae520b
```
#ae520b rgb(174,82,11)
```
#c65d0c
```
#c65d0c rgb(198,93,12)
```
#de680e
```
#de680e rgb(222,104,14)
```
#f07415
```
#f07415 rgb(240,116,21)
```
#f2822d
```
#f2822d rgb(242,130,45)
```
#f39145
```
#f39145 rgb(243,145,69)
```

Monochromatic Color

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

#de340e
```
#de340e rgb(222,52,14)
```
#de450e
```
#de450e rgb(222,69,14)
```
#de570e
```
#de570e rgb(222,87,14)
```
#de680e
```
#de680e rgb(222,104,14)
```
#de790e
```
#de790e rgb(222,121,14)
```
#de8b0e
```
#de8b0e rgb(222,139,14)
```
#de9c0e
```
#de9c0e rgb(222,156,14)
```

Similar Colors

Text with hexadecimal color #de680e

This text has a font color of #de680e.

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

#de680e background color

This paragraph has a background color of #de680e.

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

#de680e border color

This element has a border color of #de680e.

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

CSS codes

.text {color:#de680e;}

.background {background-color:#de680e;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130901
```
#130901 rgb(19,9,1)
```
#251202
```
#251202 rgb(37,18,2)
```
#381a04
```
#381a04 rgb(56,26,4)
```
#4a2305
```
#4a2305 rgb(74,35,5)
```
#5d2b06
```
#5d2b06 rgb(93,43,6)
```
#6f3407
```
#6f3407 rgb(111,52,7)
```
#823d08
```
#823d08 rgb(130,61,8)
```
#944509
```
#944509 rgb(148,69,9)
```
#a74e0b
```
#a74e0b rgb(167,78,11)
```
#b9570c
```
#b9570c rgb(185,87,12)
```
#cc5f0d
```
#cc5f0d rgb(204,95,13)
```
#de680e
```
#de680e rgb(222,104,14)
```

Shade Color Variation

#f07110
```
#f07110 rgb(240,113,16)
```
#f17c22
```
#f17c22 rgb(241,124,34)
```
#f28735
```
#f28735 rgb(242,135,53)
```
#f39247
```
#f39247 rgb(243,146,71)
```
#f59d5a
```
#f59d5a rgb(245,157,90)
```
#f6a86c
```
#f6a86c rgb(246,168,108)
```
#f7b37e
```
#f7b37e rgb(247,179,126)
```
#f8be91
```
#f8be91 rgb(248,190,145)
```
#f9c8a3
```
#f9c8a3 rgb(249,200,163)
```
#fad3b6
```
#fad3b6 rgb(250,211,182)
```
#fcdec8
```
#fcdec8 rgb(252,222,200)
```
#fde9db
```
#fde9db rgb(253,233,219)
```
#fef4ed
```
#fef4ed rgb(254,244,237)
```

Tint Color Variation

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

#7a7572
```
#7a7572 rgb(122,117,114)
```
#837469
```
#837469 rgb(131,116,105)
```
#8c7360
```
#8c7360 rgb(140,115,96)
```
#957257
```
#957257 rgb(149,114,87)
```
#9e714e
```
#9e714e rgb(158,113,78)
```
#a86f44
```
#a86f44 rgb(168,111,68)
```
#b16e3b
```
#b16e3b rgb(177,110,59)
```
#ba6d32
```
#ba6d32 rgb(186,109,50)
```
#c36c29
```
#c36c29 rgb(195,108,41)
```
#cc6a20
```
#cc6a20 rgb(204,106,32)
```
#d56917
```
#d56917 rgb(213,105,23)
```
#de680e
```
#de680e rgb(222,104,14)
```
#e76705
```
#e76705 rgb(231,103,5)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#947c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19023 Protanopia 1% of men
#b48900 Deuteranopia 1% of men
#e2686f Tritanopia 0.001% of the population

Trichromacy

#b7811b Protanomaly 1% of men, 0.01% of women
#c37d05 Deuteranomaly 6% of men, 0.4% of women
#e0684b Tritanomaly 0.01% of the population

#de680e hex color

#de680e Color Information

#de680e Color Conversion

Color Schemes with #de680e

Alternatives to #de680e

#de680e Preview

Shades and Tints of #de680e

Tones of #de680e

Color Blindness Simulator