#dcc022 hex color

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

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

● #dcc022 color description : Bright yellow.

The hexadecimal color #dcc022 has RGB values of R:220, G:192, B:34 and CMYK values of C:0, M:0.13, Y:0.85, K:0.14. Its decimal value is 14467106.

Hex triplet	dcc022	`#dcc022`
RGB Decimal	220, 192, 34	`rgb(220,192,34)`
RGB Percent	86.3, 75.3, 13.3	`rgb(86.3%,75.3%,13.3%)`
CMYK	0, 13, 85, 14
HSL	51°, 73.2, 49.8	`hsl(51,73.2%,49.8%)`
HSV (or HSB)	51°, 84.5, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.894, -4.743, 74.166
XYZ	48.654, 53.032, 9.187
xyY	0.439, 0.478, 53.032
CIE-LCH	77.894, 74.318, 93.659
CIE-LUV	77.894, 25.743, 80.204
Hunter-Lab	72.823, -8.182, 43.497
Binary	11011100, 11000000, 00100010

#dcc022
```
#dcc022 rgb(220,192,34)
```
#223edc
```
#223edc rgb(34,62,220)
```

Complementary Color

#dc6322
```
#dc6322 rgb(220,99,34)
```
#dcc022
```
#dcc022 rgb(220,192,34)
```
#9bdc22
```
#9bdc22 rgb(155,220,34)
```

Analogous Color

#6322dc
```
#6322dc rgb(99,34,220)
```
#dcc022
```
#dcc022 rgb(220,192,34)
```
#229bdc
```
#229bdc rgb(34,155,220)
```

Split Complementary Color

#c022dc
```
#c022dc rgb(192,34,220)
```
#dcc022
```
#dcc022 rgb(220,192,34)
```
#22dcc0
```
#22dcc0 rgb(34,220,192)
```

Triadic Color

#dc223e
```
#dc223e rgb(220,34,62)
```
#dcc022
```
#dcc022 rgb(220,192,34)
```
#22dcc0
```
#22dcc0 rgb(34,220,192)
```
#223edc
```
#223edc rgb(34,62,220)
```

Tetradic Color

#9a8618
```
#9a8618 rgb(154,134,24)
```
#b0991b
```
#b0991b rgb(176,153,27)
```
#c6ad1f
```
#c6ad1f rgb(198,173,31)
```
#dcc022
```
#dcc022 rgb(220,192,34)
```
#e0c737
```
#e0c737 rgb(224,199,55)
```
#e4cd4d
```
#e4cd4d rgb(228,205,77)
```
#e7d364
```
#e7d364 rgb(231,211,100)
```

Monochromatic Color

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

#dc9222
```
#dc9222 rgb(220,146,34)
```
#dca122
```
#dca122 rgb(220,161,34)
```
#dcb122
```
#dcb122 rgb(220,177,34)
```
#dcc022
```
#dcc022 rgb(220,192,34)
```
#dcd022
```
#dcd022 rgb(220,208,34)
```
#d9dc22
```
#d9dc22 rgb(217,220,34)
```
#cadc22
```
#cadc22 rgb(202,220,34)
```

Similar Colors

Text with hexadecimal color #dcc022

This text has a font color of #dcc022.

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

#dcc022 background color

This paragraph has a background color of #dcc022.

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

#dcc022 border color

This element has a border color of #dcc022.

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

CSS codes

.text {color:#dcc022;}

.background {background-color:#dcc022;}

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

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)
```
#54490d
```
#54490d rgb(84,73,13)
```
#655810
```
#655810 rgb(101,88,16)
```
#766712
```
#766712 rgb(118,103,18)
```
#877615
```
#877615 rgb(135,118,21)
```
#988517
```
#988517 rgb(152,133,23)
```
#a9941a
```
#a9941a rgb(169,148,26)
```
#baa21d
```
#baa21d rgb(186,162,29)
```
#cbb11f
```
#cbb11f rgb(203,177,31)
```
#dcc022
```
#dcc022 rgb(220,192,34)
```

Shade Color Variation

#dfc532
```
#dfc532 rgb(223,197,50)
```
#e2ca43
```
#e2ca43 rgb(226,202,67)
```
#e5cf54
```
#e5cf54 rgb(229,207,84)
```
#e7d465
```
#e7d465 rgb(231,212,101)
```
#ead876
```
#ead876 rgb(234,216,118)
```
#ecdd87
```
#ecdd87 rgb(236,221,135)
```
#efe298
```
#efe298 rgb(239,226,152)
```
#f2e7a9
```
#f2e7a9 rgb(242,231,169)
```
#f4ecba
```
#f4ecba rgb(244,236,186)
```
#f7f0cb
```
#f7f0cb rgb(247,240,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 #f9d405 is the most saturated one.

#84837a
```
#84837a rgb(132,131,122)
```
#8e8970
```
#8e8970 rgb(142,137,112)
```
#989066
```
#989066 rgb(152,144,102)
```
#a1975d
```
#a1975d rgb(161,151,93)
```
#ab9e53
```
#ab9e53 rgb(171,158,83)
```
#b5a549
```
#b5a549 rgb(181,165,73)
```
#bfac3f
```
#bfac3f rgb(191,172,63)
```
#c8b236
```
#c8b236 rgb(200,178,54)
```
#d2b92c
```
#d2b92c rgb(210,185,44)
```
#dcc022
```
#dcc022 rgb(220,192,34)
```
#e6c718
```
#e6c718 rgb(230,199,24)
```
#f0ce0e
```
#f0ce0e rgb(240,206,14)
```
#f9d405
```
#f9d405 rgb(249,212,5)
```

Tone Color Variation

Below, you can see how #dcc022 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
#beb898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc42d Protanopia 1% of men
#f3ba33 Deuteranopia 1% of men
#e9b6c3 Tritanopia 0.001% of the population

Trichromacy

#dbc229 Protanomaly 1% of men, 0.01% of women
#ebbc2d Deuteranomaly 6% of men, 0.4% of women
#e4ba88 Tritanomaly 0.01% of the population

#dcc022 hex color

#dcc022 Color Information

#dcc022 Color Conversion

Color Schemes with #dcc022

Alternatives to #dcc022

#dcc022 Preview

Shades and Tints of #dcc022

Tones of #dcc022

Color Blindness Simulator