#dcc311 hex color

In a RGB color space, hex #dcc311 is composed of 86.3% red, 76.5% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.4% magenta, 92.3% yellow and 13.7% black. It has a hue angle of 52.6 degrees, a saturation of 85.7% and a lightness of 46.5%. #dcc311 color hex could be obtained by blending #ffff22 with #b98700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 86
- G 76
- B 7
RGB color chart
- C 0
- M 11
- Y 92
- K 14
CMYK color chart

● #dcc311 color description : Vivid yellow.

The hexadecimal color #dcc311 has RGB values of R:220, G:195, B:17 and CMYK values of C:0, M:0.11, Y:0.92, K:0.14. Its decimal value is 14467857.

Hex triplet	dcc311	`#dcc311`
RGB Decimal	220, 195, 17	`rgb(220,195,17)`
RGB Percent	86.3, 76.5, 6.7	`rgb(86.3%,76.5%,6.7%)`
CMYK	0, 11, 92, 14
HSL	52.6°, 85.7, 46.5	`hsl(52.6,85.7%,46.5%)`
HSV (or HSB)	52.6°, 92.3, 86.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	78.629, -6.607, 77.943
XYZ	49.132, 54.288, 8.421
xyY	0.439, 0.485, 54.288
CIE-LCH	78.629, 78.222, 94.845
CIE-LUV	78.629, 23.814, 83.244
Hunter-Lab	73.68, -9.912, 44.8
Binary	11011100, 11000011, 00010001

#dcc311
```
#dcc311 rgb(220,195,17)
```
#112adc
```
#112adc rgb(17,42,220)
```

Complementary Color

#dc5d11
```
#dc5d11 rgb(220,93,17)
```
#dcc311
```
#dcc311 rgb(220,195,17)
```
#90dc11
```
#90dc11 rgb(144,220,17)
```

Analogous Color

#5e11dc
```
#5e11dc rgb(94,17,220)
```
#dcc311
```
#dcc311 rgb(220,195,17)
```
#1190dc
```
#1190dc rgb(17,144,220)
```

Split Complementary Color

#c311dc
```
#c311dc rgb(195,17,220)
```
#dcc311
```
#dcc311 rgb(220,195,17)
```
#11dcc3
```
#11dcc3 rgb(17,220,195)
```

Triadic Color

#dc112a
```
#dc112a rgb(220,17,42)
```
#dcc311
```
#dcc311 rgb(220,195,17)
```
#11dcc3
```
#11dcc3 rgb(17,220,195)
```
#112adc
```
#112adc rgb(17,42,220)
```

Tetradic Color

#95840c
```
#95840c rgb(149,132,12)
```
#ad990d
```
#ad990d rgb(173,153,13)
```
#c4ae0f
```
#c4ae0f rgb(196,174,15)
```
#dcc311
```
#dcc311 rgb(220,195,17)
```
#edd319
```
#edd319 rgb(237,211,25)
```
#efd831
```
#efd831 rgb(239,216,49)
```
#f1dc49
```
#f1dc49 rgb(241,220,73)
```

Monochromatic Color

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

#dc9011
```
#dc9011 rgb(220,144,17)
```
#dca111
```
#dca111 rgb(220,161,17)
```
#dcb211
```
#dcb211 rgb(220,178,17)
```
#dcc311
```
#dcc311 rgb(220,195,17)
```
#dcd411
```
#dcd411 rgb(220,212,17)
```
#d3dc11
```
#d3dc11 rgb(211,220,17)
```
#c2dc11
```
#c2dc11 rgb(194,220,17)
```

Similar Colors

Text with hexadecimal color #dcc311

This text has a font color of #dcc311.

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

#dcc311 background color

This paragraph has a background color of #dcc311.

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

#dcc311 border color

This element has a border color of #dcc311.

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

CSS codes

.text {color:#dcc311;}

.background {background-color:#dcc311;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#141102
```
#141102 rgb(20,17,2)
```
#262203
```
#262203 rgb(38,34,3)
```
#383204
```
#383204 rgb(56,50,4)
```
#4a4206
```
#4a4206 rgb(74,66,6)
```
#5d5207
```
#5d5207 rgb(93,82,7)
```
#6f6209
```
#6f6209 rgb(111,98,9)
```
#81720a
```
#81720a rgb(129,114,10)
```
#93820b
```
#93820b rgb(147,130,11)
```
#a5930d
```
#a5930d rgb(165,147,13)
```
#b8a30e
```
#b8a30e rgb(184,163,14)
```
#cab310
```
#cab310 rgb(202,179,16)
```
#dcc311
```
#dcc311 rgb(220,195,17)
```

Shade Color Variation

#edd214
```
#edd214 rgb(237,210,20)
```
#eed626
```
#eed626 rgb(238,214,38)
```
#f0d938
```
#f0d938 rgb(240,217,56)
```
#f1dd4a
```
#f1dd4a rgb(241,221,74)
```
#f2e05d
```
#f2e05d rgb(242,224,93)
```
#f4e36f
```
#f4e36f rgb(244,227,111)
```
#f5e781
```
#f5e781 rgb(245,231,129)
```
#f7ea93
```
#f7ea93 rgb(247,234,147)
```
#f8eea5
```
#f8eea5 rgb(248,238,165)
```
#f9f1b8
```
#f9f1b8 rgb(249,241,184)
```
#fbf5ca
```
#fbf5ca rgb(251,245,202)
```
#fcf8dc
```
#fcf8dc rgb(252,248,220)
```
#fefcee
```
#fefcee rgb(254,252,238)
```

Tint Color Variation

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

#787775
```
#787775 rgb(120,119,117)
```
#817e6c
```
#817e6c rgb(129,126,108)
```
#8a8563
```
#8a8563 rgb(138,133,99)
```
#938c5a
```
#938c5a rgb(147,140,90)
```
#9c9351
```
#9c9351 rgb(156,147,81)
```
#a59a48
```
#a59a48 rgb(165,154,72)
```
#aea13f
```
#aea13f rgb(174,161,63)
```
#b8a835
```
#b8a835 rgb(184,168,53)
```
#c1ae2c
```
#c1ae2c rgb(193,174,44)
```
#cab523
```
#cab523 rgb(202,181,35)
```
#d3bc1a
```
#d3bc1a rgb(211,188,26)
```
#dcc311
```
#dcc311 rgb(220,195,17)
```
#e5ca08
```
#e5ca08 rgb(229,202,8)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#beb995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc61d Protanopia 1% of men
#f6bc27 Deuteranopia 1% of men
#e9b9c5 Tritanopia 0.001% of the population

Trichromacy

#ddc518 Protanomaly 1% of men, 0.01% of women
#edbe1f Deuteranomaly 6% of men, 0.4% of women
#e4bc84 Tritanomaly 0.01% of the population

#dcc311 hex color

#dcc311 Color Information

#dcc311 Color Conversion

Color Schemes with #dcc311

Alternatives to #dcc311

#dcc311 Preview

Shades and Tints of #dcc311

Tones of #dcc311

Color Blindness Simulator