#dc6f22 hex color

In a RGB color space, hex #dc6f22 is composed of 86.3% red, 43.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 84.5% yellow and 13.7% black. It has a hue angle of 24.8 degrees, a saturation of 73.2% and a lightness of 49.8%. #dc6f22 color hex could be obtained by blending #ffde44 with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 44
- B 13
RGB color chart
- C 0
- M 50
- Y 85
- K 14
CMYK color chart

● #dc6f22 color description : Bright orange.

The hexadecimal color #dc6f22 has RGB values of R:220, G:111, B:34 and CMYK values of C:0, M:0.5, Y:0.85, K:0.14. Its decimal value is 14446370.

Hex triplet	dc6f22	`#dc6f22`
RGB Decimal	220, 111, 34	`rgb(220,111,34)`
RGB Percent	86.3, 43.5, 13.3	`rgb(86.3%,43.5%,13.3%)`
CMYK	0, 50, 85, 14
HSL	24.8°, 73.2, 49.8	`hsl(24.8,73.2%,49.8%)`
HSV (or HSB)	24.8°, 84.5, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.699, 38.069, 58.146
XYZ	35.49, 26.703, 4.799
xyY	0.53, 0.399, 26.703
CIE-LCH	58.699, 69.499, 56.787
CIE-LUV	58.699, 89.524, 49.764
Hunter-Lab	51.675, 32.159, 30.667
Binary	11011100, 01101111, 00100010

#dc6f22
```
#dc6f22 rgb(220,111,34)
```
#228fdc
```
#228fdc rgb(34,143,220)
```

Complementary Color

#dc2232
```
#dc2232 rgb(220,34,50)
```
#dc6f22
```
#dc6f22 rgb(220,111,34)
```
#dccc22
```
#dccc22 rgb(220,204,34)
```

Analogous Color

#2232dc
```
#2232dc rgb(34,50,220)
```
#dc6f22
```
#dc6f22 rgb(220,111,34)
```
#22dccc
```
#22dccc rgb(34,220,204)
```

Split Complementary Color

#6f22dc
```
#6f22dc rgb(111,34,220)
```
#dc6f22
```
#dc6f22 rgb(220,111,34)
```
#22dc6f
```
#22dc6f rgb(34,220,111)
```

Triadic Color

#dc228f
```
#dc228f rgb(220,34,143)
```
#dc6f22
```
#dc6f22 rgb(220,111,34)
```
#22dc6f
```
#22dc6f rgb(34,220,111)
```
#228fdc
```
#228fdc rgb(34,143,220)
```

Tetradic Color

#9a4e18
```
#9a4e18 rgb(154,78,24)
```
#b0591b
```
#b0591b rgb(176,89,27)
```
#c6641f
```
#c6641f rgb(198,100,31)
```
#dc6f22
```
#dc6f22 rgb(220,111,34)
```
#e07d37
```
#e07d37 rgb(224,125,55)
```
#e48c4d
```
#e48c4d rgb(228,140,77)
```
#e79a64
```
#e79a64 rgb(231,154,100)
```

Monochromatic Color

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

#dc4022
```
#dc4022 rgb(220,64,34)
```
#dc5022
```
#dc5022 rgb(220,80,34)
```
#dc5f22
```
#dc5f22 rgb(220,95,34)
```
#dc6f22
```
#dc6f22 rgb(220,111,34)
```
#dc7f22
```
#dc7f22 rgb(220,127,34)
```
#dc8e22
```
#dc8e22 rgb(220,142,34)
```
#dc9e22
```
#dc9e22 rgb(220,158,34)
```

Similar Colors

Text with hexadecimal color #dc6f22

This text has a font color of #dc6f22.

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

#dc6f22 background color

This paragraph has a background color of #dc6f22.

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

#dc6f22 border color

This element has a border color of #dc6f22.

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

CSS codes

.text {color:#dc6f22;}

.background {background-color:#dc6f22;}

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

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, #100802 is the darkest color, while #fffefe is the lightest one.

#100802
```
#100802 rgb(16,8,2)
```
#211105
```
#211105 rgb(33,17,5)
```
#321908
```
#321908 rgb(50,25,8)
```
#43220a
```
#43220a rgb(67,34,10)
```
#542a0d
```
#542a0d rgb(84,42,13)
```
#653310
```
#653310 rgb(101,51,16)
```
#763c12
```
#763c12 rgb(118,60,18)
```
#874415
```
#874415 rgb(135,68,21)
```
#984d17
```
#984d17 rgb(152,77,23)
```
#a9551a
```
#a9551a rgb(169,85,26)
```
#ba5e1d
```
#ba5e1d rgb(186,94,29)
```
#cb661f
```
#cb661f rgb(203,102,31)
```
#dc6f22
```
#dc6f22 rgb(220,111,34)
```

Shade Color Variation

#df7a32
```
#df7a32 rgb(223,122,50)
```
#e28543
```
#e28543 rgb(226,133,67)
```
#e59054
```
#e59054 rgb(229,144,84)
```
#e79b65
```
#e79b65 rgb(231,155,101)
```
#eaa676
```
#eaa676 rgb(234,166,118)
```
#ecb187
```
#ecb187 rgb(236,177,135)
```
#efbc98
```
#efbc98 rgb(239,188,152)
```
#f2c7a9
```
#f2c7a9 rgb(242,199,169)
```
#f4d2ba
```
#f4d2ba rgb(244,210,186)
```
#f7ddcb
```
#f7ddcb rgb(247,221,203)
```
#fae8dc
```
#fae8dc rgb(250,232,220)
```
#fcf3ed
```
#fcf3ed rgb(252,243,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#847e7a
```
#847e7a rgb(132,126,122)
```
#8e7c70
```
#8e7c70 rgb(142,124,112)
```
#987b66
```
#987b66 rgb(152,123,102)
```
#a1795d
```
#a1795d rgb(161,121,93)
```
#ab7753
```
#ab7753 rgb(171,119,83)
```
#b57649
```
#b57649 rgb(181,118,73)
```
#bf743f
```
#bf743f rgb(191,116,63)
```
#c87236
```
#c87236 rgb(200,114,54)
```
#d2712c
```
#d2712c rgb(210,113,44)
```
#dc6f22
```
#dc6f22 rgb(220,111,34)
```
#e66d18
```
#e66d18 rgb(230,109,24)
```
#f06c0e
```
#f06c0e rgb(240,108,14)
```
#f96a05
```
#f96a05 rgb(249,106,5)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#988273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39334 Protanopia 1% of men
#b78c22 Deuteranopia 1% of men
#e16f76 Tritanopia 0.001% of the population

Trichromacy

#b8862e Protanomaly 1% of men, 0.01% of women
#c48122 Deuteranomaly 6% of men, 0.4% of women
#df6f57 Tritanomaly 0.01% of the population

#dc6f22 hex color

#dc6f22 Color Information

#dc6f22 Color Conversion

Color Schemes with #dc6f22

Alternatives to #dc6f22

#dc6f22 Preview

Shades and Tints of #dc6f22

Tones of #dc6f22

Color Blindness Simulator