colorhexa.com

#dc6f1f hex color

In a RGB color space, hex #dc6f1f is composed of 86.3% red, 43.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 85.9% yellow and 13.7% black. It has a hue angle of 25.4 degrees, a saturation of 75.3% and a lightness of 49.2%. #dc6f1f color hex could be obtained by blending #ffde3e with #b90000. Closest websafe color is: #cc6633.

- R 86
- G 44
- B 12
RGB color chart
- C 0
- M 50
- Y 86
- K 14
CMYK color chart

● #dc6f1f color description : Vivid orange.

The hexadecimal color #dc6f1f has RGB values of R:220, G:111, B:31 and CMYK values of C:0, M:0.5, Y:0.86, K:0.14. Its decimal value is 14446367.

Hex triplet	dc6f1f	`#dc6f1f`
RGB Decimal	220, 111, 31	`rgb(220,111,31)`
RGB Percent	86.3, 43.5, 12.2	`rgb(86.3%,43.5%,12.2%)`
CMYK	0, 50, 86, 14
HSL	25.4°, 75.3, 49.2	`hsl(25.4,75.3%,49.2%)`
HSV (or HSB)	25.4°, 85.9, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.683, 37.995, 59.206
XYZ	35.448, 26.687, 4.581
xyY	0.531, 0.4, 26.687
CIE-LCH	58.683, 70.349, 57.31
CIE-LUV	58.683, 89.724, 50.352
Hunter-Lab	51.659, 32.082, 30.904
Binary	11011100, 01101111, 00011111

#dc6f1f
```
#dc6f1f rgb(220,111,31)
```
#1f8cdc
```
#1f8cdc rgb(31,140,220)
```

Complementary Color

#dc1f2e
```
#dc1f2e rgb(220,31,46)
```
#dc6f1f
```
#dc6f1f rgb(220,111,31)
```
#dcce1f
```
#dcce1f rgb(220,206,31)
```

Analogous Color

#1f2edc
```
#1f2edc rgb(31,46,220)
```
#dc6f1f
```
#dc6f1f rgb(220,111,31)
```
#1fdcce
```
#1fdcce rgb(31,220,206)
```

Split Complementary Color

#6f1fdc
```
#6f1fdc rgb(111,31,220)
```
#dc6f1f
```
#dc6f1f rgb(220,111,31)
```
#1fdc6f
```
#1fdc6f rgb(31,220,111)
```

Triadic Color

#dc1f8c
```
#dc1f8c rgb(220,31,140)
```
#dc6f1f
```
#dc6f1f rgb(220,111,31)
```
#1fdc6f
```
#1fdc6f rgb(31,220,111)
```
#1f8cdc
```
#1f8cdc rgb(31,140,220)
```

Tetradic Color

#994d16
```
#994d16 rgb(153,77,22)
```
#af5819
```
#af5819 rgb(175,88,25)
```
#c6641c
```
#c6641c rgb(198,100,28)
```
#dc6f1f
```
#dc6f1f rgb(220,111,31)
```
#e27d32
```
#e27d32 rgb(226,125,50)
```
#e58b49
```
#e58b49 rgb(229,139,73)
```
#e8995f
```
#e8995f rgb(232,153,95)
```

Monochromatic Color

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

#dc401f
```
#dc401f rgb(220,64,31)
```
#dc4f1f
```
#dc4f1f rgb(220,79,31)
```
#dc5f1f
```
#dc5f1f rgb(220,95,31)
```
#dc6f1f
```
#dc6f1f rgb(220,111,31)
```
#dc7f1f
```
#dc7f1f rgb(220,127,31)
```
#dc8f1f
```
#dc8f1f rgb(220,143,31)
```
#dc9e1f
```
#dc9e1f rgb(220,158,31)
```

Similar Colors

Text with hexadecimal color #dc6f1f

This text has a font color of #dc6f1f.

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

#dc6f1f background color

This paragraph has a background color of #dc6f1f.

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

#dc6f1f border color

This element has a border color of #dc6f1f.

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

CSS codes

.text {color:#dc6f1f;}

.background {background-color:#dc6f1f;}

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

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

#0e0702
```
#0e0702 rgb(14,7,2)
```
#1f1004
```
#1f1004 rgb(31,16,4)
```
#301807
```
#301807 rgb(48,24,7)
```
#412109
```
#412109 rgb(65,33,9)
```
#522a0c
```
#522a0c rgb(82,42,12)
```
#64320e
```
#64320e rgb(100,50,14)
```
#753b10
```
#753b10 rgb(117,59,16)
```
#864413
```
#864413 rgb(134,68,19)
```
#974c15
```
#974c15 rgb(151,76,21)
```
#a85518
```
#a85518 rgb(168,85,24)
```
#ba5e1a
```
#ba5e1a rgb(186,94,26)
```
#cb661d
```
#cb661d rgb(203,102,29)
```
#dc6f1f
```
#dc6f1f rgb(220,111,31)
```

Shade Color Variation

#e1792d
```
#e1792d rgb(225,121,45)
```
#e4843e
```
#e4843e rgb(228,132,62)
```
#e68f50
```
#e68f50 rgb(230,143,80)
```
#e99a61
```
#e99a61 rgb(233,154,97)
```
#eba572
```
#eba572 rgb(235,165,114)
```
#eeb083
```
#eeb083 rgb(238,176,131)
```
#f0bb94
```
#f0bb94 rgb(240,187,148)
```
#f2c6a6
```
#f2c6a6 rgb(242,198,166)
```
#f5d1b7
```
#f5d1b7 rgb(245,209,183)
```
#f7dcc8
```
#f7dcc8 rgb(247,220,200)
```
#fae7d9
```
#fae7d9 rgb(250,231,217)
```
#fcf2ea
```
#fcf2ea rgb(252,242,234)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#857c76
```
#857c76 rgb(133,124,118)
```
#8f7b6c
```
#8f7b6c rgb(143,123,108)
```
#987963
```
#987963 rgb(152,121,99)
```
#a27859
```
#a27859 rgb(162,120,89)
```
#ac764f
```
#ac764f rgb(172,118,79)
```
#b57546
```
#b57546 rgb(181,117,70)
```
#bf733c
```
#bf733c rgb(191,115,60)
```
#c97232
```
#c97232 rgb(201,114,50)
```
#d27029
```
#d27029 rgb(210,112,41)
```
#dc6f1f
```
#dc6f1f rgb(220,111,31)
```
#e66e15
```
#e66e15 rgb(230,110,21)
```
#ef6c0c
```
#ef6c0c rgb(239,108,12)
```
#f96b02
```
#f96b02 rgb(249,107,2)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#978171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49332 Protanopia 1% of men
#b78c1e Deuteranopia 1% of men
#e16f76 Tritanopia 0.001% of the population

Trichromacy

#b8862b Protanomaly 1% of men, 0.01% of women
#c4811e Deuteranomaly 6% of men, 0.4% of women
#df6f56 Tritanomaly 0.01% of the population