#dcc345 hex color

In a RGB color space, hex #dcc345 is composed of 86.3% red, 76.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.4% magenta, 68.6% yellow and 13.7% black. It has a hue angle of 50.1 degrees, a saturation of 68.3% and a lightness of 56.7%. #dcc345 color hex could be obtained by blending #ffff8a with #b98700. Closest websafe color is: #cccc33.

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

● #dcc345 color description : Soft yellow.

The hexadecimal color #dcc345 has RGB values of R:220, G:195, B:69 and CMYK values of C:0, M:0.11, Y:0.69, K:0.14. Its decimal value is 14467909.

Hex triplet	dcc345	`#dcc345`
RGB Decimal	220, 195, 69	`rgb(220,195,69)`
RGB Percent	86.3, 76.5, 27.1	`rgb(86.3%,76.5%,27.1%)`
CMYK	0, 11, 69, 14
HSL	50.1°, 68.3, 56.7	`hsl(50.1,68.3%,56.7%)`
HSV (or HSB)	50.1°, 68.6, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.855, -4.948, 63.705
XYZ	50.105, 54.677, 13.544
xyY	0.423, 0.462, 54.677
CIE-LCH	78.855, 63.897, 94.442
CIE-LUV	78.855, 22.742, 73.701
Hunter-Lab	73.944, -8.449, 40.901
Binary	11011100, 11000011, 01000101

#dcc345
```
#dcc345 rgb(220,195,69)
```
#455edc
```
#455edc rgb(69,94,220)
```

Complementary Color

#dc7845
```
#dc7845 rgb(220,120,69)
```
#dcc345
```
#dcc345 rgb(220,195,69)
```
#aadc45
```
#aadc45 rgb(170,220,69)
```

Analogous Color

#7845dc
```
#7845dc rgb(120,69,220)
```
#dcc345
```
#dcc345 rgb(220,195,69)
```
#45aadc
```
#45aadc rgb(69,170,220)
```

Split Complementary Color

#c345dc
```
#c345dc rgb(195,69,220)
```
#dcc345
```
#dcc345 rgb(220,195,69)
```
#45dcc3
```
#45dcc3 rgb(69,220,195)
```

Triadic Color

#dc455e
```
#dc455e rgb(220,69,94)
```
#dcc345
```
#dcc345 rgb(220,195,69)
```
#45dcc3
```
#45dcc3 rgb(69,220,195)
```
#455edc
```
#455edc rgb(69,94,220)
```

Tetradic Color

#b39b22
```
#b39b22 rgb(179,155,34)
```
#c8ad26
```
#c8ad26 rgb(200,173,38)
```
#d8bc30
```
#d8bc30 rgb(216,188,48)
```
#dcc345
```
#dcc345 rgb(220,195,69)
```
#e0ca5a
```
#e0ca5a rgb(224,202,90)
```
#e4d170
```
#e4d170 rgb(228,209,112)
```
#e8d885
```
#e8d885 rgb(232,216,133)
```

Monochromatic Color

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

#dc9d45
```
#dc9d45 rgb(220,157,69)
```
#dcaa45
```
#dcaa45 rgb(220,170,69)
```
#dcb645
```
#dcb645 rgb(220,182,69)
```
#dcc345
```
#dcc345 rgb(220,195,69)
```
#dcd045
```
#dcd045 rgb(220,208,69)
```
#dcdc45
```
#dcdc45 rgb(220,220,69)
```
#cfdc45
```
#cfdc45 rgb(207,220,69)
```

Similar Colors

Text with hexadecimal color #dcc345

This text has a font color of #dcc345.

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

#dcc345 background color

This paragraph has a background color of #dcc345.

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

#dcc345 border color

This element has a border color of #dcc345.

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

CSS codes

.text {color:#dcc345;}

.background {background-color:#dcc345;}

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

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

#0c0a02
```
#0c0a02 rgb(12,10,2)
```
#1d1905
```
#1d1905 rgb(29,25,5)
```
#2d2708
```
#2d2708 rgb(45,39,8)
```
#3e350c
```
#3e350c rgb(62,53,12)
```
#4e440f
```
#4e440f rgb(78,68,15)
```
#5f5212
```
#5f5212 rgb(95,82,18)
```
#6f6015
```
#6f6015 rgb(111,96,21)
```
#806f18
```
#806f18 rgb(128,111,24)
```
#907d1b
```
#907d1b rgb(144,125,27)
```
#a18b1e
```
#a18b1e rgb(161,139,30)
```
#b19921
```
#b19921 rgb(177,153,33)
```
#c2a824
```
#c2a824 rgb(194,168,36)
```
#d2b628
```
#d2b628 rgb(210,182,40)
```

Shade Color Variation

#d9be34
```
#d9be34 rgb(217,190,52)
```
#dcc345
```
#dcc345 rgb(220,195,69)
```
#dfc856
```
#dfc856 rgb(223,200,86)
```
#e2ce66
```
#e2ce66 rgb(226,206,102)
```
#e5d377
```
#e5d377 rgb(229,211,119)
```
#e8d887
```
#e8d887 rgb(232,216,135)
```
#ecde98
```
#ecde98 rgb(236,222,152)
```
#efe3a8
```
#efe3a8 rgb(239,227,168)
```
#f2e8b9
```
#f2e8b9 rgb(242,232,185)
```
#f5eec9
```
#f5eec9 rgb(245,238,201)
```
#f8f3da
```
#f8f3da rgb(248,243,218)
```
#fbf8ea
```
#fbf8ea rgb(251,248,234)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#989689
```
#989689 rgb(152,150,137)
```
#a19b81
```
#a19b81 rgb(161,155,129)
```
#a9a178
```
#a9a178 rgb(169,161,120)
```
#b2a770
```
#b2a770 rgb(178,167,112)
```
#baac67
```
#baac67 rgb(186,172,103)
```
#c3b25e
```
#c3b25e rgb(195,178,94)
```
#cbb856
```
#cbb856 rgb(203,184,86)
```
#d4bd4e
```
#d4bd4e rgb(212,189,78)
```
#dcc345
```
#dcc345 rgb(220,195,69)
```
#e5c93d
```
#e5c93d rgb(229,201,61)
```
#edce34
```
#edce34 rgb(237,206,52)
```
#f6d42c
```
#f6d42c rgb(246,212,44)
```
#feda23
```
#feda23 rgb(254,218,35)
```

Tone Color Variation

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

#dcc64e Protanopia 1% of men
#f4bd52 Deuteranopia 1% of men
#e8bac7 Tritanopia 0.001% of the population

Trichromacy

#dcc54b Protanomaly 1% of men, 0.01% of women
#ebbf4d Deuteranomaly 6% of men, 0.4% of women
#e4bd97 Tritanomaly 0.01% of the population

#dcc345 hex color

#dcc345 Color Information

#dcc345 Color Conversion

Color Schemes with #dcc345

Alternatives to #dcc345

#dcc345 Preview

Shades and Tints of #dcc345

Tones of #dcc345

Color Blindness Simulator