#dc6b22 hex color

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

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

● #dc6b22 color description : Bright orange.

The hexadecimal color #dc6b22 has RGB values of R:220, G:107, B:34 and CMYK values of C:0, M:0.51, Y:0.85, K:0.14. Its decimal value is 14445346.

Hex triplet	dc6b22	`#dc6b22`
RGB Decimal	220, 107, 34	`rgb(220,107,34)`
RGB Percent	86.3, 42, 13.3	`rgb(86.3%,42%,13.3%)`
CMYK	0, 51, 85, 14
HSL	23.5°, 73.2, 49.8	`hsl(23.5,73.2%,49.8%)`
HSV (or HSB)	23.5°, 84.5, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.894, 40.087, 57.464
XYZ	35.063, 25.85, 4.656
xyY	0.535, 0.394, 25.85
CIE-LCH	57.894, 70.065, 55.1
CIE-LUV	57.894, 92.772, 48.4
Hunter-Lab	50.843, 34.125, 30.16
Binary	11011100, 01101011, 00100010

#dc6b22
```
#dc6b22 rgb(220,107,34)
```
#2293dc
```
#2293dc rgb(34,147,220)
```

Complementary Color

#dc2236
```
#dc2236 rgb(220,34,54)
```
#dc6b22
```
#dc6b22 rgb(220,107,34)
```
#dcc822
```
#dcc822 rgb(220,200,34)
```

Analogous Color

#2236dc
```
#2236dc rgb(34,54,220)
```
#dc6b22
```
#dc6b22 rgb(220,107,34)
```
#22dcc8
```
#22dcc8 rgb(34,220,200)
```

Split Complementary Color

#6b22dc
```
#6b22dc rgb(107,34,220)
```
#dc6b22
```
#dc6b22 rgb(220,107,34)
```
#22dc6b
```
#22dc6b rgb(34,220,107)
```

Triadic Color

#dc2293
```
#dc2293 rgb(220,34,147)
```
#dc6b22
```
#dc6b22 rgb(220,107,34)
```
#22dc6b
```
#22dc6b rgb(34,220,107)
```
#2293dc
```
#2293dc rgb(34,147,220)
```

Tetradic Color

#9a4b18
```
#9a4b18 rgb(154,75,24)
```
#b0561b
```
#b0561b rgb(176,86,27)
```
#c6601f
```
#c6601f rgb(198,96,31)
```
#dc6b22
```
#dc6b22 rgb(220,107,34)
```
#e07a37
```
#e07a37 rgb(224,122,55)
```
#e4884d
```
#e4884d rgb(228,136,77)
```
#e79764
```
#e79764 rgb(231,151,100)
```

Monochromatic Color

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

#dc3d22
```
#dc3d22 rgb(220,61,34)
```
#dc4c22
```
#dc4c22 rgb(220,76,34)
```
#dc5c22
```
#dc5c22 rgb(220,92,34)
```
#dc6b22
```
#dc6b22 rgb(220,107,34)
```
#dc7b22
```
#dc7b22 rgb(220,123,34)
```
#dc8a22
```
#dc8a22 rgb(220,138,34)
```
#dc9a22
```
#dc9a22 rgb(220,154,34)
```

Similar Colors

Text with hexadecimal color #dc6b22

This text has a font color of #dc6b22.

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

#dc6b22 background color

This paragraph has a background color of #dc6b22.

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

#dc6b22 border color

This element has a border color of #dc6b22.

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

CSS codes

.text {color:#dc6b22;}

.background {background-color:#dc6b22;}

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

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)
```
#211005
```
#211005 rgb(33,16,5)
```
#321808
```
#321808 rgb(50,24,8)
```
#43210a
```
#43210a rgb(67,33,10)
```
#54290d
```
#54290d rgb(84,41,13)
```
#653110
```
#653110 rgb(101,49,16)
```
#763912
```
#763912 rgb(118,57,18)
```
#874215
```
#874215 rgb(135,66,21)
```
#984a17
```
#984a17 rgb(152,74,23)
```
#a9521a
```
#a9521a rgb(169,82,26)
```
#ba5a1d
```
#ba5a1d rgb(186,90,29)
```
#cb631f
```
#cb631f rgb(203,99,31)
```
#dc6b22
```
#dc6b22 rgb(220,107,34)
```

Shade Color Variation

#df7632
```
#df7632 rgb(223,118,50)
```
#e28243
```
#e28243 rgb(226,130,67)
```
#e58d54
```
#e58d54 rgb(229,141,84)
```
#e79865
```
#e79865 rgb(231,152,101)
```
#eaa476
```
#eaa476 rgb(234,164,118)
```
#ecaf87
```
#ecaf87 rgb(236,175,135)
```
#efba98
```
#efba98 rgb(239,186,152)
```
#f2c6a9
```
#f2c6a9 rgb(242,198,169)
```
#f4d1ba
```
#f4d1ba rgb(244,209,186)
```
#f7dccb
```
#f7dccb rgb(247,220,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 #f96505 is the most saturated one.

#847e7a
```
#847e7a rgb(132,126,122)
```
#8e7c70
```
#8e7c70 rgb(142,124,112)
```
#987a66
```
#987a66 rgb(152,122,102)
```
#a1785d
```
#a1785d rgb(161,120,93)
```
#ab7653
```
#ab7653 rgb(171,118,83)
```
#b57349
```
#b57349 rgb(181,115,73)
```
#bf713f
```
#bf713f rgb(191,113,63)
```
#c86f36
```
#c86f36 rgb(200,111,54)
```
#d26d2c
```
#d26d2c rgb(210,109,44)
```
#dc6b22
```
#dc6b22 rgb(220,107,34)
```
#e66918
```
#e66918 rgb(230,105,24)
```
#f0670e
```
#f0670e rgb(240,103,14)
```
#f96505
```
#f96505 rgb(249,101,5)
```

Tone Color Variation

Below, you can see how #dc6b22 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
#967f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19135 Protanopia 1% of men
#b58a21 Deuteranopia 1% of men
#e06b72 Tritanopia 0.001% of the population

Trichromacy

#b6832e Protanomaly 1% of men, 0.01% of women
#c37e21 Deuteranomaly 6% of men, 0.4% of women
#df6b55 Tritanomaly 0.01% of the population

#dc6b22 hex color

#dc6b22 Color Information

#dc6b22 Color Conversion

Color Schemes with #dc6b22

Alternatives to #dc6b22

#dc6b22 Preview

Shades and Tints of #dc6b22

Tones of #dc6b22

Color Blindness Simulator