#dc993f hex color

In a RGB color space, hex #dc993f is composed of 86.3% red, 60% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.5% magenta, 71.4% yellow and 13.7% black. It has a hue angle of 34.4 degrees, a saturation of 69.2% and a lightness of 55.5%. #dc993f color hex could be obtained by blending #ffff7e with #b93300. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 86
- G 60
- B 25
RGB color chart
- C 0
- M 30
- Y 71
- K 14
CMYK color chart

● #dc993f color description : Bright orange.

The hexadecimal color #dc993f has RGB values of R:220, G:153, B:63 and CMYK values of C:0, M:0.3, Y:0.71, K:0.14. Its decimal value is 14457151.

Hex triplet	dc993f	`#dc993f`
RGB Decimal	220, 153, 63	`rgb(220,153,63)`
RGB Percent	86.3, 60, 24.7	`rgb(86.3%,60%,24.7%)`
CMYK	0, 30, 71, 14
HSL	34.4°, 69.2, 55.5	`hsl(34.4,69.2%,55.5%)`
HSV (or HSB)	34.4°, 71.4, 86.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.285, 16.95, 55.371
XYZ	41.805, 38.36, 9.905
xyY	0.464, 0.426, 38.36
CIE-LCH	68.285, 57.907, 72.98
CIE-LUV	68.285, 53.836, 57.995
Hunter-Lab	61.935, 12.096, 33.873
Binary	11011100, 10011001, 00111111

#dc993f
```
#dc993f rgb(220,153,63)
```
#3f82dc
```
#3f82dc rgb(63,130,220)
```

Complementary Color

#dc4b3f
```
#dc4b3f rgb(220,75,63)
```
#dc993f
```
#dc993f rgb(220,153,63)
```
#d1dc3f
```
#d1dc3f rgb(209,220,63)
```

Analogous Color

#4b3fdc
```
#4b3fdc rgb(75,63,220)
```
#dc993f
```
#dc993f rgb(220,153,63)
```
#3fd1dc
```
#3fd1dc rgb(63,209,220)
```

Split Complementary Color

#993fdc
```
#993fdc rgb(153,63,220)
```
#dc993f
```
#dc993f rgb(220,153,63)
```
#3fdc99
```
#3fdc99 rgb(63,220,153)
```

Triadic Color

#dc3f82
```
#dc3f82 rgb(220,63,130)
```
#dc993f
```
#dc993f rgb(220,153,63)
```
#3fdc99
```
#3fdc99 rgb(63,220,153)
```
#3f82dc
```
#3f82dc rgb(63,130,220)
```

Tetradic Color

#af7220
```
#af7220 rgb(175,114,32)
```
#c48024
```
#c48024 rgb(196,128,36)
```
#d88e29
```
#d88e29 rgb(216,142,41)
```
#dc993f
```
#dc993f rgb(220,153,63)
```
#e0a455
```
#e0a455 rgb(224,164,85)
```
#e4b06a
```
#e4b06a rgb(228,176,106)
```
#e8bb80
```
#e8bb80 rgb(232,187,128)
```

Monochromatic Color

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

#dc723f
```
#dc723f rgb(220,114,63)
```
#dc7f3f
```
#dc7f3f rgb(220,127,63)
```
#dc8c3f
```
#dc8c3f rgb(220,140,63)
```
#dc993f
```
#dc993f rgb(220,153,63)
```
#dca63f
```
#dca63f rgb(220,166,63)
```
#dcb33f
```
#dcb33f rgb(220,179,63)
```
#dcc03f
```
#dcc03f rgb(220,192,63)
```

Similar Colors

Text with hexadecimal color #dc993f

This text has a font color of #dc993f.

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

#dc993f background color

This paragraph has a background color of #dc993f.

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

#dc993f border color

This element has a border color of #dc993f.

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

CSS codes

.text {color:#dc993f;}

.background {background-color:#dc993f;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#180f04
```
#180f04 rgb(24,15,4)
```
#281a07
```
#281a07 rgb(40,26,7)
```
#39250a
```
#39250a rgb(57,37,10)
```
#49300d
```
#49300d rgb(73,48,13)
```
#5a3b10
```
#5a3b10 rgb(90,59,16)
```
#6b4513
```
#6b4513 rgb(107,69,19)
```
#7b5016
```
#7b5016 rgb(123,80,22)
```
#8c5b19
```
#8c5b19 rgb(140,91,25)
```
#9c661d
```
#9c661d rgb(156,102,29)
```
#ad7120
```
#ad7120 rgb(173,113,32)
```
#be7b23
```
#be7b23 rgb(190,123,35)
```
#ce8626
```
#ce8626 rgb(206,134,38)
```

Shade Color Variation

#d9902e
```
#d9902e rgb(217,144,46)
```
#dc993f
```
#dc993f rgb(220,153,63)
```
#dfa250
```
#dfa250 rgb(223,162,80)
```
#e2ab60
```
#e2ab60 rgb(226,171,96)
```
#e5b371
```
#e5b371 rgb(229,179,113)
```
#e8bc81
```
#e8bc81 rgb(232,188,129)
```
#ebc592
```
#ebc592 rgb(235,197,146)
```
#eecea3
```
#eecea3 rgb(238,206,163)
```
#f1d7b3
```
#f1d7b3 rgb(241,215,179)
```
#f4e0c4
```
#f4e0c4 rgb(244,224,196)
```
#f7e8d4
```
#f7e8d4 rgb(247,232,212)
```
#faf1e5
```
#faf1e5 rgb(250,241,229)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#968f85
```
#968f85 rgb(150,143,133)
```
#9f907c
```
#9f907c rgb(159,144,124)
```
#a89173
```
#a89173 rgb(168,145,115)
```
#b0936b
```
#b0936b rgb(176,147,107)
```
#b99462
```
#b99462 rgb(185,148,98)
```
#c29559
```
#c29559 rgb(194,149,89)
```
#cb9650
```
#cb9650 rgb(203,150,80)
```
#d39848
```
#d39848 rgb(211,152,72)
```
#dc993f
```
#dc993f rgb(220,153,63)
```
#e59a36
```
#e59a36 rgb(229,154,54)
```
#ed9c2e
```
#ed9c2e rgb(237,156,46)
```
#f69d25
```
#f69d25 rgb(246,157,37)
```
#ff9e1c
```
#ff9e1c rgb(255,158,28)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#aea18f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdab4c Protanopia 1% of men
#d3a347 Deuteranopia 1% of men
#e3959f Tritanopia 0.001% of the population

Trichromacy

#c8a447 Protanomaly 1% of men, 0.01% of women
#d69f44 Deuteranomaly 6% of men, 0.4% of women
#e1967c Tritanomaly 0.01% of the population

#dc993f hex color

#dc993f Color Information

#dc993f Color Conversion

Color Schemes with #dc993f

Alternatives to #dc993f

#dc993f Preview

Shades and Tints of #dc993f

Tones of #dc993f

Color Blindness Simulator