#dc670c hex color

In a RGB color space, hex #dc670c is composed of 86.3% red, 40.4% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.2% magenta, 94.5% yellow and 13.7% black. It has a hue angle of 26.3 degrees, a saturation of 89.7% and a lightness of 45.5%. #dc670c color hex could be obtained by blending #ffce18 with #b90000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 86
- G 40
- B 5
RGB color chart
- C 0
- M 53
- Y 95
- K 14
CMYK color chart

● #dc670c color description : Vivid orange.

The hexadecimal color #dc670c has RGB values of R:220, G:103, B:12 and CMYK values of C:0, M:0.53, Y:0.95, K:0.14. Its decimal value is 14444300.

Hex triplet	dc670c	`#dc670c`
RGB Decimal	220, 103, 12	`rgb(220,103,12)`
RGB Percent	86.3, 40.4, 4.7	`rgb(86.3%,40.4%,4.7%)`
CMYK	0, 53, 95, 14
HSL	26.3°, 89.7, 45.5	`hsl(26.3,89.7%,45.5%)`
HSV (or HSB)	26.3°, 94.5, 86.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.023, 41.683, 63.234
XYZ	34.433, 24.946, 3.35
xyY	0.549, 0.398, 24.946
CIE-LCH	57.023, 75.736, 56.607
CIE-LUV	57.023, 97.209, 50.346
Hunter-Lab	49.946, 35.654, 30.986
Binary	11011100, 01100111, 00001100

#dc670c
```
#dc670c rgb(220,103,12)
```
#0c81dc
```
#0c81dc rgb(12,129,220)
```

Complementary Color

#dc0c19
```
#dc0c19 rgb(220,12,25)
```
#dc670c
```
#dc670c rgb(220,103,12)
```
#dccf0c
```
#dccf0c rgb(220,207,12)
```

Analogous Color

#0c19dc
```
#0c19dc rgb(12,25,220)
```
#dc670c
```
#dc670c rgb(220,103,12)
```
#0cdccf
```
#0cdccf rgb(12,220,207)
```

Split Complementary Color

#670cdc
```
#670cdc rgb(103,12,220)
```
#dc670c
```
#dc670c rgb(220,103,12)
```
#0cdc67
```
#0cdc67 rgb(12,220,103)
```

Triadic Color

#dc0c81
```
#dc0c81 rgb(220,12,129)
```
#dc670c
```
#dc670c rgb(220,103,12)
```
#0cdc67
```
#0cdc67 rgb(12,220,103)
```
#0c81dc
```
#0c81dc rgb(12,129,220)
```

Tetradic Color

#934508
```
#934508 rgb(147,69,8)
```
#ac5009
```
#ac5009 rgb(172,80,9)
```
#c45c0b
```
#c45c0b rgb(196,92,11)
```
#dc670c
```
#dc670c rgb(220,103,12)
```
#f27310
```
#f27310 rgb(242,115,16)
```
#f38128
```
#f38128 rgb(243,129,40)
```
#f58f40
```
#f58f40 rgb(245,143,64)
```

Monochromatic Color

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

#dc330c
```
#dc330c rgb(220,51,12)
```
#dc440c
```
#dc440c rgb(220,68,12)
```
#dc560c
```
#dc560c rgb(220,86,12)
```
#dc670c
```
#dc670c rgb(220,103,12)
```
#dc780c
```
#dc780c rgb(220,120,12)
```
#dc8a0c
```
#dc8a0c rgb(220,138,12)
```
#dc9b0c
```
#dc9b0c rgb(220,155,12)
```

Similar Colors

Text with hexadecimal color #dc670c

This text has a font color of #dc670c.

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

#dc670c background color

This paragraph has a background color of #dc670c.

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

#dc670c border color

This element has a border color of #dc670c.

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

CSS codes

.text {color:#dc670c;}

.background {background-color:#dc670c;}

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

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

#0f0701
```
#0f0701 rgb(15,7,1)
```
#221002
```
#221002 rgb(34,16,2)
```
#351903
```
#351903 rgb(53,25,3)
```
#472104
```
#472104 rgb(71,33,4)
```
#5a2a05
```
#5a2a05 rgb(90,42,5)
```
#6c3306
```
#6c3306 rgb(108,51,6)
```
#7f3b07
```
#7f3b07 rgb(127,59,7)
```
#924408
```
#924408 rgb(146,68,8)
```
#a44d09
```
#a44d09 rgb(164,77,9)
```
#b7560a
```
#b7560a rgb(183,86,10)
```
#c95e0b
```
#c95e0b rgb(201,94,11)
```
#dc670c
```
#dc670c rgb(220,103,12)
```
#ef700d
```
#ef700d rgb(239,112,13)
```

Shade Color Variation

#f37a1d
```
#f37a1d rgb(243,122,29)
```
#f4852f
```
#f4852f rgb(244,133,47)
```
#f59042
```
#f59042 rgb(245,144,66)
```
#f69b54
```
#f69b54 rgb(246,155,84)
```
#f7a667
```
#f7a667 rgb(247,166,103)
```
#f8b17a
```
#f8b17a rgb(248,177,122)
```
#f9bc8c
```
#f9bc8c rgb(249,188,140)
```
#fac79f
```
#fac79f rgb(250,199,159)
```
#fbd1b1
```
#fbd1b1 rgb(251,209,177)
```
#fcdcc4
```
#fcdcc4 rgb(252,220,196)
```
#fde7d7
```
#fde7d7 rgb(253,231,215)
```
#fef2e9
```
#fef2e9 rgb(254,242,233)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#7a736e
```
#7a736e rgb(122,115,110)
```
#837265
```
#837265 rgb(131,114,101)
```
#8c715c
```
#8c715c rgb(140,113,92)
```
#957053
```
#957053 rgb(149,112,83)
```
#9e6f4a
```
#9e6f4a rgb(158,111,74)
```
#a66e42
```
#a66e42 rgb(166,110,66)
```
#af6d39
```
#af6d39 rgb(175,109,57)
```
#b86b30
```
#b86b30 rgb(184,107,48)
```
#c16a27
```
#c16a27 rgb(193,106,39)
```
#ca691e
```
#ca691e rgb(202,105,30)
```
#d36815
```
#d36815 rgb(211,104,21)
```
#dc670c
```
#dc670c rgb(220,103,12)
```
#e56603
```
#e56603 rgb(229,102,3)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#927b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f21 Protanopia 1% of men
#b28800 Deuteranopia 1% of men
#e0676e Tritanopia 0.001% of the population

Trichromacy

#b58019 Protanomaly 1% of men, 0.01% of women
#c17c04 Deuteranomaly 6% of men, 0.4% of women
#df674a Tritanomaly 0.01% of the population

#dc670c hex color

#dc670c Color Information

#dc670c Color Conversion

Color Schemes with #dc670c

Alternatives to #dc670c

#dc670c Preview

Shades and Tints of #dc670c

Tones of #dc670c

Color Blindness Simulator