#dcc346 hex color

In a RGB color space, hex #dcc346 is composed of 86.3% red, 76.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.4% magenta, 68.2% yellow and 13.7% black. It has a hue angle of 50 degrees, a saturation of 68.2% and a lightness of 56.9%. #dcc346 color hex could be obtained by blending #ffff8c with #b98700. Closest websafe color is: #cccc33.

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

● #dcc346 color description : Soft yellow.

The hexadecimal color #dcc346 has RGB values of R:220, G:195, B:70 and CMYK values of C:0, M:0.11, Y:0.68, K:0.14. Its decimal value is 14467910.

Hex triplet	dcc346	`#dcc346`
RGB Decimal	220, 195, 70	`rgb(220,195,70)`
RGB Percent	86.3, 76.5, 27.5	`rgb(86.3%,76.5%,27.5%)`
CMYK	0, 11, 68, 14
HSL	50°, 68.2, 56.9	`hsl(50,68.2%,56.9%)`
HSV (or HSB)	50°, 68.2, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.862, -4.895, 63.314
XYZ	50.136, 54.69, 13.709
xyY	0.423, 0.461, 54.69
CIE-LCH	78.862, 63.503, 94.421
CIE-LUV	78.862, 22.708, 73.401
Hunter-Lab	73.952, -8.403, 40.776
Binary	11011100, 11000011, 01000110

#dcc346
```
#dcc346 rgb(220,195,70)
```
#465fdc
```
#465fdc rgb(70,95,220)
```

Complementary Color

#dc7846
```
#dc7846 rgb(220,120,70)
```
#dcc346
```
#dcc346 rgb(220,195,70)
```
#aadc46
```
#aadc46 rgb(170,220,70)
```

Analogous Color

#7846dc
```
#7846dc rgb(120,70,220)
```
#dcc346
```
#dcc346 rgb(220,195,70)
```
#46aadc
```
#46aadc rgb(70,170,220)
```

Split Complementary Color

#c346dc
```
#c346dc rgb(195,70,220)
```
#dcc346
```
#dcc346 rgb(220,195,70)
```
#46dcc3
```
#46dcc3 rgb(70,220,195)
```

Triadic Color

#dc465f
```
#dc465f rgb(220,70,95)
```
#dcc346
```
#dcc346 rgb(220,195,70)
```
#46dcc3
```
#46dcc3 rgb(70,220,195)
```
#465fdc
```
#465fdc rgb(70,95,220)
```

Tetradic Color

#b49b22
```
#b49b22 rgb(180,155,34)
```
#c9ae26
```
#c9ae26 rgb(201,174,38)
```
#d8bc31
```
#d8bc31 rgb(216,188,49)
```
#dcc346
```
#dcc346 rgb(220,195,70)
```
#e0ca5b
```
#e0ca5b rgb(224,202,91)
```
#e4d171
```
#e4d171 rgb(228,209,113)
```
#e8d886
```
#e8d886 rgb(232,216,134)
```

Monochromatic Color

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

#dc9e46
```
#dc9e46 rgb(220,158,70)
```
#dcaa46
```
#dcaa46 rgb(220,170,70)
```
#dcb746
```
#dcb746 rgb(220,183,70)
```
#dcc346
```
#dcc346 rgb(220,195,70)
```
#dcd046
```
#dcd046 rgb(220,208,70)
```
#dcdc46
```
#dcdc46 rgb(220,220,70)
```
#d0dc46
```
#d0dc46 rgb(208,220,70)
```

Similar Colors

Text with hexadecimal color #dcc346

This text has a font color of #dcc346.

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

#dcc346 background color

This paragraph has a background color of #dcc346.

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

#dcc346 border color

This element has a border color of #dcc346.

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

CSS codes

.text {color:#dcc346;}

.background {background-color:#dcc346;}

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

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

#0d0b02
```
#0d0b02 rgb(13,11,2)
```
#1d1906
```
#1d1906 rgb(29,25,6)
```
#2e2809
```
#2e2809 rgb(46,40,9)
```
#3e360c
```
#3e360c rgb(62,54,12)
```
#4f440f
```
#4f440f rgb(79,68,15)
```
#5f5312
```
#5f5312 rgb(95,83,18)
```
#706115
```
#706115 rgb(112,97,21)
```
#806f18
```
#806f18 rgb(128,111,24)
```
#917d1b
```
#917d1b rgb(145,125,27)
```
#a18c1f
```
#a18c1f rgb(161,140,31)
```
#b29a22
```
#b29a22 rgb(178,154,34)
```
#c2a825
```
#c2a825 rgb(194,168,37)
```
#d3b628
```
#d3b628 rgb(211,182,40)
```

Shade Color Variation

#d9be36
```
#d9be36 rgb(217,190,54)
```
#dcc346
```
#dcc346 rgb(220,195,70)
```
#dfc856
```
#dfc856 rgb(223,200,86)
```
#e2ce67
```
#e2ce67 rgb(226,206,103)
```
#e5d377
```
#e5d377 rgb(229,211,119)
```
#e8d888
```
#e8d888 rgb(232,216,136)
```
#ecde98
```
#ecde98 rgb(236,222,152)
```
#efe3a9
```
#efe3a9 rgb(239,227,169)
```
#f2e8b9
```
#f2e8b9 rgb(242,232,185)
```
#f5eeca
```
#f5eeca rgb(245,238,202)
```
#f8f3da
```
#f8f3da rgb(248,243,218)
```
#fbf8eb
```
#fbf8eb rgb(251,248,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#98968a
```
#98968a rgb(152,150,138)
```
#a19c81
```
#a19c81 rgb(161,156,129)
```
#a9a179
```
#a9a179 rgb(169,161,121)
```
#b2a770
```
#b2a770 rgb(178,167,112)
```
#baac68
```
#baac68 rgb(186,172,104)
```
#c3b25f
```
#c3b25f rgb(195,178,95)
```
#cbb857
```
#cbb857 rgb(203,184,87)
```
#d4bd4e
```
#d4bd4e rgb(212,189,78)
```
#dcc346
```
#dcc346 rgb(220,195,70)
```
#e4c93e
```
#e4c93e rgb(228,201,62)
```
#edce35
```
#edce35 rgb(237,206,53)
```
#f5d42d
```
#f5d42d rgb(245,212,45)
```
#feda24
```
#feda24 rgb(254,218,36)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c2bda4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc64f Protanopia 1% of men
#f4bd53 Deuteranopia 1% of men
#e8bac7 Tritanopia 0.001% of the population

Trichromacy

#dcc54c Protanomaly 1% of men, 0.01% of women
#ebbf4e Deuteranomaly 6% of men, 0.4% of women
#e4bd98 Tritanomaly 0.01% of the population

#dcc346 hex color

#dcc346 Color Information

#dcc346 Color Conversion

Color Schemes with #dcc346

Alternatives to #dcc346

#dcc346 Preview

Shades and Tints of #dcc346

Tones of #dcc346

Color Blindness Simulator