#de982f hex color

In a RGB color space, hex #de982f is composed of 87.1% red, 59.6% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.5% magenta, 78.8% yellow and 12.9% black. It has a hue angle of 36 degrees, a saturation of 72.6% and a lightness of 52.7%. #de982f color hex could be obtained by blending #ffff5e with #bd3100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 87
- G 60
- B 18
RGB color chart
- C 0
- M 32
- Y 79
- K 13
CMYK color chart

● #de982f color description : Bright orange.

The hexadecimal color #de982f has RGB values of R:222, G:152, B:47 and CMYK values of C:0, M:0.32, Y:0.79, K:0.13. Its decimal value is 14587951.

Hex triplet	de982f	`#de982f`
RGB Decimal	222, 152, 47	`rgb(222,152,47)`
RGB Percent	87.1, 59.6, 18.4	`rgb(87.1%,59.6%,18.4%)`
CMYK	0, 32, 79, 13
HSL	36°, 72.6, 52.7	`hsl(36,72.6%,52.7%)`
HSV (or HSB)	36°, 78.8, 87.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.163, 17.661, 61.846
XYZ	41.867, 38.194, 7.856
xyY	0.476, 0.434, 38.194
CIE-LCH	68.163, 64.319, 74.063
CIE-LUV	68.163, 57.158, 62.169
Hunter-Lab	61.801, 12.77, 35.724
Binary	11011110, 10011000, 00101111

#de982f
```
#de982f rgb(222,152,47)
```
#2f75de
```
#2f75de rgb(47,117,222)
```

Complementary Color

#de412f
```
#de412f rgb(222,65,47)
```
#de982f
```
#de982f rgb(222,152,47)
```
#cdde2f
```
#cdde2f rgb(205,222,47)
```

Analogous Color

#402fde
```
#402fde rgb(64,47,222)
```
#de982f
```
#de982f rgb(222,152,47)
```
#2fcdde
```
#2fcdde rgb(47,205,222)
```

Split Complementary Color

#982fde
```
#982fde rgb(152,47,222)
```
#de982f
```
#de982f rgb(222,152,47)
```
#2fde98
```
#2fde98 rgb(47,222,152)
```

Triadic Color

#de2f75
```
#de2f75 rgb(222,47,117)
```
#de982f
```
#de982f rgb(222,152,47)
```
#2fde98
```
#2fde98 rgb(47,222,152)
```
#2f75de
```
#2f75de rgb(47,117,222)
```

Tetradic Color

#a66e1a
```
#a66e1a rgb(166,110,26)
```
#bc7d1e
```
#bc7d1e rgb(188,125,30)
```
#d28b21
```
#d28b21 rgb(210,139,33)
```
#de982f
```
#de982f rgb(222,152,47)
```
#e1a345
```
#e1a345 rgb(225,163,69)
```
#e5ae5b
```
#e5ae5b rgb(229,174,91)
```
#e8b971
```
#e8b971 rgb(232,185,113)
```

Monochromatic Color

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

#de6c2f
```
#de6c2f rgb(222,108,47)
```
#de7b2f
```
#de7b2f rgb(222,123,47)
```
#de892f
```
#de892f rgb(222,137,47)
```
#de982f
```
#de982f rgb(222,152,47)
```
#dea72f
```
#dea72f rgb(222,167,47)
```
#deb52f
```
#deb52f rgb(222,181,47)
```
#dec42f
```
#dec42f rgb(222,196,47)
```

Similar Colors

Text with hexadecimal color #de982f

This text has a font color of #de982f.

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

#de982f background color

This paragraph has a background color of #de982f.

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

#de982f border color

This element has a border color of #de982f.

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

CSS codes

.text {color:#de982f;}

.background {background-color:#de982f;}

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

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, #0c0802 is the darkest color, while #fefdfa is the lightest one.

#0c0802
```
#0c0802 rgb(12,8,2)
```
#1d1305
```
#1d1305 rgb(29,19,5)
```
#2e1e07
```
#2e1e07 rgb(46,30,7)
```
#3f2a0a
```
#3f2a0a rgb(63,42,10)
```
#50350d
```
#50350d rgb(80,53,13)
```
#61400f
```
#61400f rgb(97,64,15)
```
#724b12
```
#724b12 rgb(114,75,18)
```
#835715
```
#835715 rgb(131,87,21)
```
#946217
```
#946217 rgb(148,98,23)
```
#a46d1a
```
#a46d1a rgb(164,109,26)
```
#b5781d
```
#b5781d rgb(181,120,29)
```
#c6841f
```
#c6841f rgb(198,132,31)
```
#d78f22
```
#d78f22 rgb(215,143,34)
```

Shade Color Variation

#de982f
```
#de982f rgb(222,152,47)
```
#e1a040
```
#e1a040 rgb(225,160,64)
```
#e3a951
```
#e3a951 rgb(227,169,81)
```
#e6b162
```
#e6b162 rgb(230,177,98)
```
#e9ba73
```
#e9ba73 rgb(233,186,115)
```
#ebc284
```
#ebc284 rgb(235,194,132)
```
#eeca95
```
#eeca95 rgb(238,202,149)
```
#f1d3a6
```
#f1d3a6 rgb(241,211,166)
```
#f3dbb6
```
#f3dbb6 rgb(243,219,182)
```
#f6e3c7
```
#f6e3c7 rgb(246,227,199)
```
#f9ecd8
```
#f9ecd8 rgb(249,236,216)
```
#fcf4e9
```
#fcf4e9 rgb(252,244,233)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#8b8782
```
#8b8782 rgb(139,135,130)
```
#948979
```
#948979 rgb(148,137,121)
```
#9d8b70
```
#9d8b70 rgb(157,139,112)
```
#a68d67
```
#a68d67 rgb(166,141,103)
```
#b08f5d
```
#b08f5d rgb(176,143,93)
```
#b99154
```
#b99154 rgb(185,145,84)
```
#c2924b
```
#c2924b rgb(194,146,75)
```
#cb9442
```
#cb9442 rgb(203,148,66)
```
#d59638
```
#d59638 rgb(213,150,56)
```
#de982f
```
#de982f rgb(222,152,47)
```
#e79a26
```
#e79a26 rgb(231,154,38)
```
#f19c1c
```
#f19c1c rgb(241,156,28)
```
#fa9e13
```
#fa9e13 rgb(250,158,19)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#ad9f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#beab3d Protanopia 1% of men
#d4a237 Deuteranopia 1% of men
#e6939d Tritanopia 0.001% of the population

Trichromacy

#c9a438 Protanomaly 1% of men, 0.01% of women
#d79e34 Deuteranomaly 6% of men, 0.4% of women
#e39575 Tritanomaly 0.01% of the population

#de982f hex color

#de982f Color Information

#de982f Color Conversion

Color Schemes with #de982f

Alternatives to #de982f

#de982f Preview

Shades and Tints of #de982f

Tones of #de982f

Color Blindness Simulator