#dc661c hex color

In a RGB color space, hex #dc661c is composed of 86.3% red, 40% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.6% magenta, 87.3% yellow and 13.7% black. It has a hue angle of 23.1 degrees, a saturation of 77.4% and a lightness of 48.6%. #dc661c color hex could be obtained by blending #ffcc38 with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 40
- B 11
RGB color chart
- C 0
- M 54
- Y 87
- K 14
CMYK color chart

● #dc661c color description : Vivid orange.

The hexadecimal color #dc661c has RGB values of R:220, G:102, B:28 and CMYK values of C:0, M:0.54, Y:0.87, K:0.14. Its decimal value is 14444060.

Hex triplet	dc661c	`#dc661c`
RGB Decimal	220, 102, 28	`rgb(220,102,28)`
RGB Percent	86.3, 40, 11	`rgb(86.3%,40%,11%)`
CMYK	0, 54, 87, 14
HSL	23.1°, 77.4, 48.6	`hsl(23.1,77.4%,48.6%)`
HSV (or HSB)	23.1°, 87.3, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.886, 42.428, 58.788
XYZ	34.478, 24.806, 4.071
xyY	0.544, 0.392, 24.806
CIE-LCH	56.886, 72.499, 54.181
CIE-LUV	56.886, 97.23, 47.897
Hunter-Lab	49.805, 36.407, 30.017
Binary	11011100, 01100110, 00011100

#dc661c
```
#dc661c rgb(220,102,28)
```
#1c92dc
```
#1c92dc rgb(28,146,220)
```

Complementary Color

#dc1c32
```
#dc1c32 rgb(220,28,50)
```
#dc661c
```
#dc661c rgb(220,102,28)
```
#dcc61c
```
#dcc61c rgb(220,198,28)
```

Analogous Color

#1c32dc
```
#1c32dc rgb(28,50,220)
```
#dc661c
```
#dc661c rgb(220,102,28)
```
#1cdcc6
```
#1cdcc6 rgb(28,220,198)
```

Split Complementary Color

#661cdc
```
#661cdc rgb(102,28,220)
```
#dc661c
```
#dc661c rgb(220,102,28)
```
#1cdc66
```
#1cdc66 rgb(28,220,102)
```

Triadic Color

#dc1c92
```
#dc1c92 rgb(220,28,146)
```
#dc661c
```
#dc661c rgb(220,102,28)
```
#1cdc66
```
#1cdc66 rgb(28,220,102)
```
#1c92dc
```
#1c92dc rgb(28,146,220)
```

Tetradic Color

#984713
```
#984713 rgb(152,71,19)
```
#af5116
```
#af5116 rgb(175,81,22)
```
#c55c19
```
#c55c19 rgb(197,92,25)
```
#dc661c
```
#dc661c rgb(220,102,28)
```
#e4742d
```
#e4742d rgb(228,116,45)
```
#e78344
```
#e78344 rgb(231,131,68)
```
#ea925a
```
#ea925a rgb(234,146,90)
```

Monochromatic Color

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

#dc361c
```
#dc361c rgb(220,54,28)
```
#dc461c
```
#dc461c rgb(220,70,28)
```
#dc561c
```
#dc561c rgb(220,86,28)
```
#dc661c
```
#dc661c rgb(220,102,28)
```
#dc761c
```
#dc761c rgb(220,118,28)
```
#dc861c
```
#dc861c rgb(220,134,28)
```
#dc961c
```
#dc961c rgb(220,150,28)
```

Similar Colors

Text with hexadecimal color #dc661c

This text has a font color of #dc661c.

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

#dc661c background color

This paragraph has a background color of #dc661c.

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

#dc661c border color

This element has a border color of #dc661c.

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

CSS codes

.text {color:#dc661c;}

.background {background-color:#dc661c;}

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

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

#0b0501
```
#0b0501 rgb(11,5,1)
```
#1d0d04
```
#1d0d04 rgb(29,13,4)
```
#2e1506
```
#2e1506 rgb(46,21,6)
```
#3f1d08
```
#3f1d08 rgb(63,29,8)
```
#51250a
```
#51250a rgb(81,37,10)
```
#622e0c
```
#622e0c rgb(98,46,12)
```
#74360f
```
#74360f rgb(116,54,15)
```
#853e11
```
#853e11 rgb(133,62,17)
```
#964613
```
#964613 rgb(150,70,19)
```
#a84e15
```
#a84e15 rgb(168,78,21)
```
#b95618
```
#b95618 rgb(185,86,24)
```
#cb5e1a
```
#cb5e1a rgb(203,94,26)
```
#dc661c
```
#dc661c rgb(220,102,28)
```

Shade Color Variation

#e47028
```
#e47028 rgb(228,112,40)
```
#e67c39
```
#e67c39 rgb(230,124,57)
```
#e8874b
```
#e8874b rgb(232,135,75)
```
#ea935c
```
#ea935c rgb(234,147,92)
```
#ec9e6e
```
#ec9e6e rgb(236,158,110)
```
#efaa7f
```
#efaa7f rgb(239,170,127)
```
#f1b690
```
#f1b690 rgb(241,182,144)
```
#f3c1a2
```
#f3c1a2 rgb(243,193,162)
```
#f5cdb3
```
#f5cdb3 rgb(245,205,179)
```
#f8d8c5
```
#f8d8c5 rgb(248,216,197)
```
#fae4d6
```
#fae4d6 rgb(250,228,214)
```
#fcefe7
```
#fcefe7 rgb(252,239,231)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#7d7c7b
```
#7d7c7b rgb(125,124,123)
```
#867a72
```
#867a72 rgb(134,122,114)
```
#907768
```
#907768 rgb(144,119,104)
```
#99755f
```
#99755f rgb(153,117,95)
```
#a37355
```
#a37355 rgb(163,115,85)
```
#ac714c
```
#ac714c rgb(172,113,76)
```
#b66f42
```
#b66f42 rgb(182,111,66)
```
#bf6d39
```
#bf6d39 rgb(191,109,57)
```
#c96a2f
```
#c96a2f rgb(201,106,47)
```
#d26826
```
#d26826 rgb(210,104,38)
```
#dc661c
```
#dc661c rgb(220,102,28)
```
#e66412
```
#e66412 rgb(230,100,18)
```
#ef6209
```
#ef6209 rgb(239,98,9)
```

Tone Color Variation

Below, you can see how #dc661c 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
#937c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8e30 Protanopia 1% of men
#b28717 Deuteranopia 1% of men
#e0676d Tritanopia 0.001% of the population

Trichromacy

#b58028 Protanomaly 1% of men, 0.01% of women
#c17b19 Deuteranomaly 6% of men, 0.4% of women
#de664f Tritanomaly 0.01% of the population

#dc661c hex color

#dc661c Color Information

#dc661c Color Conversion

Color Schemes with #dc661c

Alternatives to #dc661c

#dc661c Preview

Shades and Tints of #dc661c

Tones of #dc661c

Color Blindness Simulator