#dc682f hex color

In a RGB color space, hex #dc682f is composed of 86.3% red, 40.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 78.6% yellow and 13.7% black. It has a hue angle of 19.8 degrees, a saturation of 71.2% and a lightness of 52.4%. #dc682f color hex could be obtained by blending #ffd05e with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 41
- B 18
RGB color chart
- C 0
- M 53
- Y 79
- K 14
CMYK color chart

● #dc682f color description : Bright orange.

The hexadecimal color #dc682f has RGB values of R:220, G:104, B:47 and CMYK values of C:0, M:0.53, Y:0.79, K:0.14. Its decimal value is 14444591.

Hex triplet	dc682f	`#dc682f`
RGB Decimal	220, 104, 47	`rgb(220,104,47)`
RGB Percent	86.3, 40.8, 18.4	`rgb(86.3%,40.8%,18.4%)`
CMYK	0, 53, 79, 14
HSL	19.8°, 71.2, 52.4	`hsl(19.8,71.2%,52.4%)`
HSV (or HSB)	19.8°, 78.6, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.391, 41.975, 51.564
XYZ	34.98, 25.325, 5.735
xyY	0.53, 0.383, 25.325
CIE-LCH	57.391, 66.489, 50.853
CIE-LUV	57.391, 94.009, 44.163
Hunter-Lab	50.324, 36.008, 28.469
Binary	11011100, 01101000, 00101111

#dc682f
```
#dc682f rgb(220,104,47)
```
#2fa3dc
```
#2fa3dc rgb(47,163,220)
```

Complementary Color

#dc2f4d
```
#dc2f4d rgb(220,47,77)
```
#dc682f
```
#dc682f rgb(220,104,47)
```
#dcbf2f
```
#dcbf2f rgb(220,191,47)
```

Analogous Color

#2f4ddc
```
#2f4ddc rgb(47,77,220)
```
#dc682f
```
#dc682f rgb(220,104,47)
```
#2fdcbf
```
#2fdcbf rgb(47,220,191)
```

Split Complementary Color

#682fdc
```
#682fdc rgb(104,47,220)
```
#dc682f
```
#dc682f rgb(220,104,47)
```
#2fdc68
```
#2fdc68 rgb(47,220,104)
```

Triadic Color

#dc2fa3
```
#dc2fa3 rgb(220,47,163)
```
#dc682f
```
#dc682f rgb(220,104,47)
```
#2fdc68
```
#2fdc68 rgb(47,220,104)
```
#2fa3dc
```
#2fa3dc rgb(47,163,220)
```

Tetradic Color

#a3481b
```
#a3481b rgb(163,72,27)
```
#b9521f
```
#b9521f rgb(185,82,31)
```
#cf5b23
```
#cf5b23 rgb(207,91,35)
```
#dc682f
```
#dc682f rgb(220,104,47)
```
#e07845
```
#e07845 rgb(224,120,69)
```
#e3885b
```
#e3885b rgb(227,136,91)
```
#e79870
```
#e79870 rgb(231,152,112)
```

Monochromatic Color

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

#dc3d2f
```
#dc3d2f rgb(220,61,47)
```
#dc4b2f
```
#dc4b2f rgb(220,75,47)
```
#dc5a2f
```
#dc5a2f rgb(220,90,47)
```
#dc682f
```
#dc682f rgb(220,104,47)
```
#dc762f
```
#dc762f rgb(220,118,47)
```
#dc852f
```
#dc852f rgb(220,133,47)
```
#dc932f
```
#dc932f rgb(220,147,47)
```

Similar Colors

Text with hexadecimal color #dc682f

This text has a font color of #dc682f.

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

#dc682f background color

This paragraph has a background color of #dc682f.

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

#dc682f border color

This element has a border color of #dc682f.

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

CSS codes

.text {color:#dc682f;}

.background {background-color:#dc682f;}

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

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

#0a0502
```
#0a0502 rgb(10,5,2)
```
#1b0c05
```
#1b0c05 rgb(27,12,5)
```
#2c1307
```
#2c1307 rgb(44,19,7)
```
#3d1b0a
```
#3d1b0a rgb(61,27,10)
```
#4d220d
```
#4d220d rgb(77,34,13)
```
#5e2a10
```
#5e2a10 rgb(94,42,16)
```
#6f3113
```
#6f3113 rgb(111,49,19)
```
#803916
```
#803916 rgb(128,57,22)
```
#914018
```
#914018 rgb(145,64,24)
```
#a1471b
```
#a1471b rgb(161,71,27)
```
#b24f1e
```
#b24f1e rgb(178,79,30)
```
#c35621
```
#c35621 rgb(195,86,33)
```
#d45e24
```
#d45e24 rgb(212,94,36)
```

Shade Color Variation

#dc682f
```
#dc682f rgb(220,104,47)
```
#df7440
```
#df7440 rgb(223,116,64)
```
#e28051
```
#e28051 rgb(226,128,81)
```
#e48d61
```
#e48d61 rgb(228,141,97)
```
#e79972
```
#e79972 rgb(231,153,114)
```
#eaa583
```
#eaa583 rgb(234,165,131)
```
#edb194
```
#edb194 rgb(237,177,148)
```
#f0bda5
```
#f0bda5 rgb(240,189,165)
```
#f3cab5
```
#f3cab5 rgb(243,202,181)
```
#f5d6c6
```
#f5d6c6 rgb(245,214,198)
```
#f8e2d7
```
#f8e2d7 rgb(248,226,215)
```
#fbeee8
```
#fbeee8 rgb(251,238,232)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#888583
```
#888583 rgb(136,133,131)
```
#91817a
```
#91817a rgb(145,129,122)
```
#9b7e70
```
#9b7e70 rgb(155,126,112)
```
#a47b67
```
#a47b67 rgb(164,123,103)
```
#ad785e
```
#ad785e rgb(173,120,94)
```
#b77554
```
#b77554 rgb(183,117,84)
```
#c0724b
```
#c0724b rgb(192,114,75)
```
#c96e42
```
#c96e42 rgb(201,110,66)
```
#d36b38
```
#d36b38 rgb(211,107,56)
```
#dc682f
```
#dc682f rgb(220,104,47)
```
#e56526
```
#e56526 rgb(229,101,38)
```
#ef621c
```
#ef621c rgb(239,98,28)
```
#f85e13
```
#f85e13 rgb(248,94,19)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#967e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9042 Protanopia 1% of men
#b28930 Deuteranopia 1% of men
#e06970 Tritanopia 0.001% of the population

Trichromacy

#b5813b Protanomaly 1% of men, 0.01% of women
#c17d30 Deuteranomaly 6% of men, 0.4% of women
#de6958 Tritanomaly 0.01% of the population

#dc682f hex color

#dc682f Color Information

#dc682f Color Conversion

Color Schemes with #dc682f

Alternatives to #dc682f

#dc682f Preview

Shades and Tints of #dc682f

Tones of #dc682f

Color Blindness Simulator