#dcc222 hex color

In a RGB color space, hex #dcc222 is composed of 86.3% red, 76.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 84.5% yellow and 13.7% black. It has a hue angle of 51.6 degrees, a saturation of 73.2% and a lightness of 49.8%. #dcc222 color hex could be obtained by blending #ffff44 with #b98500. Closest websafe color is: #cccc33.

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

● #dcc222 color description : Bright yellow.

The hexadecimal color #dcc222 has RGB values of R:220, G:194, B:34 and CMYK values of C:0, M:0.12, Y:0.85, K:0.14. Its decimal value is 14467618.

Hex triplet	dcc222	`#dcc222`
RGB Decimal	220, 194, 34	`rgb(220,194,34)`
RGB Percent	86.3, 76.1, 13.3	`rgb(86.3%,76.1%,13.3%)`
CMYK	0, 12, 85, 14
HSL	51.6°, 73.2, 49.8	`hsl(51.6,73.2%,49.8%)`
HSV (or HSB)	51.6°, 84.5, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.413, -5.772, 74.595
XYZ	49.096, 53.916, 9.334
xyY	0.437, 0.48, 53.916
CIE-LCH	78.413, 74.817, 94.425
CIE-LUV	78.413, 24.314, 80.982
Hunter-Lab	73.428, -9.148, 43.862
Binary	11011100, 11000010, 00100010

#dcc222
```
#dcc222 rgb(220,194,34)
```
#223cdc
```
#223cdc rgb(34,60,220)
```

Complementary Color

#dc6522
```
#dc6522 rgb(220,101,34)
```
#dcc222
```
#dcc222 rgb(220,194,34)
```
#99dc22
```
#99dc22 rgb(153,220,34)
```

Analogous Color

#6522dc
```
#6522dc rgb(101,34,220)
```
#dcc222
```
#dcc222 rgb(220,194,34)
```
#2299dc
```
#2299dc rgb(34,153,220)
```

Split Complementary Color

#c222dc
```
#c222dc rgb(194,34,220)
```
#dcc222
```
#dcc222 rgb(220,194,34)
```
#22dcc2
```
#22dcc2 rgb(34,220,194)
```

Triadic Color

#dc223c
```
#dc223c rgb(220,34,60)
```
#dcc222
```
#dcc222 rgb(220,194,34)
```
#22dcc2
```
#22dcc2 rgb(34,220,194)
```
#223cdc
```
#223cdc rgb(34,60,220)
```

Tetradic Color

#9a8818
```
#9a8818 rgb(154,136,24)
```
#b09b1b
```
#b09b1b rgb(176,155,27)
```
#c6af1f
```
#c6af1f rgb(198,175,31)
```
#dcc222
```
#dcc222 rgb(220,194,34)
```
#e0c937
```
#e0c937 rgb(224,201,55)
```
#e4cf4d
```
#e4cf4d rgb(228,207,77)
```
#e7d564
```
#e7d564 rgb(231,213,100)
```

Monochromatic Color

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

#dc9422
```
#dc9422 rgb(220,148,34)
```
#dca322
```
#dca322 rgb(220,163,34)
```
#dcb322
```
#dcb322 rgb(220,179,34)
```
#dcc222
```
#dcc222 rgb(220,194,34)
```
#dcd222
```
#dcd222 rgb(220,210,34)
```
#d7dc22
```
#d7dc22 rgb(215,220,34)
```
#c8dc22
```
#c8dc22 rgb(200,220,34)
```

Similar Colors

Text with hexadecimal color #dcc222

This text has a font color of #dcc222.

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

#dcc222 background color

This paragraph has a background color of #dcc222.

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

#dcc222 border color

This element has a border color of #dcc222.

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

CSS codes

.text {color:#dcc222;}

.background {background-color:#dcc222;}

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

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, #100e02 is the darkest color, while #fffffe is the lightest one.

#100e02
```
#100e02 rgb(16,14,2)
```
#211d05
```
#211d05 rgb(33,29,5)
```
#322c08
```
#322c08 rgb(50,44,8)
```
#433b0a
```
#433b0a rgb(67,59,10)
```
#544a0d
```
#544a0d rgb(84,74,13)
```
#655910
```
#655910 rgb(101,89,16)
```
#766812
```
#766812 rgb(118,104,18)
```
#877715
```
#877715 rgb(135,119,21)
```
#988617
```
#988617 rgb(152,134,23)
```
#a9951a
```
#a9951a rgb(169,149,26)
```
#baa41d
```
#baa41d rgb(186,164,29)
```
#cbb31f
```
#cbb31f rgb(203,179,31)
```
#dcc222
```
#dcc222 rgb(220,194,34)
```

Shade Color Variation

#dfc732
```
#dfc732 rgb(223,199,50)
```
#e2cc43
```
#e2cc43 rgb(226,204,67)
```
#e5d054
```
#e5d054 rgb(229,208,84)
```
#e7d565
```
#e7d565 rgb(231,213,101)
```
#eada76
```
#eada76 rgb(234,218,118)
```
#ecde87
```
#ecde87 rgb(236,222,135)
```
#efe398
```
#efe398 rgb(239,227,152)
```
#f2e8a9
```
#f2e8a9 rgb(242,232,169)
```
#f4ecba
```
#f4ecba rgb(244,236,186)
```
#f7f1cb
```
#f7f1cb rgb(247,241,203)
```
#faf5dc
```
#faf5dc rgb(250,245,220)
```
#fcfaed
```
#fcfaed rgb(252,250,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#84837a
```
#84837a rgb(132,131,122)
```
#8e8a70
```
#8e8a70 rgb(142,138,112)
```
#989166
```
#989166 rgb(152,145,102)
```
#a1985d
```
#a1985d rgb(161,152,93)
```
#ab9f53
```
#ab9f53 rgb(171,159,83)
```
#b5a649
```
#b5a649 rgb(181,166,73)
```
#bfad3f
```
#bfad3f rgb(191,173,63)
```
#c8b436
```
#c8b436 rgb(200,180,54)
```
#d2bb2c
```
#d2bb2c rgb(210,187,44)
```
#dcc222
```
#dcc222 rgb(220,194,34)
```
#e6c918
```
#e6c918 rgb(230,201,24)
```
#f0d00e
```
#f0d00e rgb(240,208,14)
```
#f9d705
```
#f9d705 rgb(249,215,5)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bfba9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc52d Protanopia 1% of men
#f5bb33 Deuteranopia 1% of men
#e9b8c5 Tritanopia 0.001% of the population

Trichromacy

#dcc429 Protanomaly 1% of men, 0.01% of women
#ecbe2d Deuteranomaly 6% of men, 0.4% of women
#e4bb89 Tritanomaly 0.01% of the population

#dcc222 hex color

#dcc222 Color Information

#dcc222 Color Conversion

Color Schemes with #dcc222

Alternatives to #dcc222

#dcc222 Preview

Shades and Tints of #dcc222

Tones of #dcc222

Color Blindness Simulator