#dce522 hex color

In a RGB color space, hex #dce522 is composed of 86.3% red, 89.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 0% magenta, 85.2% yellow and 10.2% black. It has a hue angle of 62.8 degrees, a saturation of 78.9% and a lightness of 51.6%. #dce522 color hex could be obtained by blending #ffff44 with #b9cb00. Closest websafe color is: #cccc33.

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

● #dce522 color description : Vivid yellow.

The hexadecimal color #dce522 has RGB values of R:220, G:229, B:34 and CMYK values of C:0.04, M:0, Y:0.85, K:0.1. Its decimal value is 14476578.

Hex triplet	dce522	`#dce522`
RGB Decimal	220, 229, 34	`rgb(220,229,34)`
RGB Percent	86.3, 89.8, 13.3	`rgb(86.3%,89.8%,13.3%)`
CMYK	4, 0, 85, 10
HSL	62.8°, 78.9, 51.6	`hsl(62.8,78.9%,51.6%)`
HSV (or HSB)	62.8°, 85.2, 89.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	87.665, -23.163, 82.199
XYZ	57.823, 71.37, 12.243
xyY	0.409, 0.505, 71.37
CIE-LCH	87.665, 85.401, 105.738
CIE-LUV	87.665, 0.771, 94.558
Hunter-Lab	84.481, -25.667, 50.544
Binary	11011100, 11100101, 00100010

#dce522
```
#dce522 rgb(220,229,34)
```
#2b22e5
```
#2b22e5 rgb(43,34,229)
```

Complementary Color

#e58d22
```
#e58d22 rgb(229,141,34)
```
#dce522
```
#dce522 rgb(220,229,34)
```
#7be522
```
#7be522 rgb(123,229,34)
```

Analogous Color

#8d22e5
```
#8d22e5 rgb(141,34,229)
```
#dce522
```
#dce522 rgb(220,229,34)
```
#227be5
```
#227be5 rgb(34,123,229)
```

Split Complementary Color

#e522dc
```
#e522dc rgb(229,34,220)
```
#dce522
```
#dce522 rgb(220,229,34)
```
#22dce5
```
#22dce5 rgb(34,220,229)
```

Triadic Color

#e52b22
```
#e52b22 rgb(229,43,34)
```
#dce522
```
#dce522 rgb(220,229,34)
```
#22dce5
```
#22dce5 rgb(34,220,229)
```
#2b22e5
```
#2b22e5 rgb(43,34,229)
```

Tetradic Color

#a0a714
```
#a0a714 rgb(160,167,20)
```
#b6be16
```
#b6be16 rgb(182,190,22)
```
#ccd519
```
#ccd519 rgb(204,213,25)
```
#dce522
```
#dce522 rgb(220,229,34)
```
#e0e839
```
#e0e839 rgb(224,232,57)
```
#e3ea50
```
#e3ea50 rgb(227,234,80)
```
#e7ed66
```
#e7ed66 rgb(231,237,102)
```

Monochromatic Color

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

#e5bd22
```
#e5bd22 rgb(229,189,34)
```
#e5ce22
```
#e5ce22 rgb(229,206,34)
```
#e5de22
```
#e5de22 rgb(229,222,34)
```
#dce522
```
#dce522 rgb(220,229,34)
```
#cce522
```
#cce522 rgb(204,229,34)
```
#bce522
```
#bce522 rgb(188,229,34)
```
#abe522
```
#abe522 rgb(171,229,34)
```

Similar Colors

Text with hexadecimal color #dce522

This text has a font color of #dce522.

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

#dce522 background color

This paragraph has a background color of #dce522.

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

#dce522 border color

This element has a border color of #dce522.

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

CSS codes

.text {color:#dce522;}

.background {background-color:#dce522;}

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

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

#070701
```
#070701 rgb(7,7,1)
```
#181903
```
#181903 rgb(24,25,3)
```
#292a05
```
#292a05 rgb(41,42,5)
```
#393c07
```
#393c07 rgb(57,60,7)
```
#4a4d09
```
#4a4d09 rgb(74,77,9)
```
#5b5f0b
```
#5b5f0b rgb(91,95,11)
```
#6c700d
```
#6c700d rgb(108,112,13)
```
#7d820f
```
#7d820f rgb(125,130,15)
```
#8e9411
```
#8e9411 rgb(142,148,17)
```
#9ea513
```
#9ea513 rgb(158,165,19)
```
#afb715
```
#afb715 rgb(175,183,21)
```
#c0c818
```
#c0c818 rgb(192,200,24)
```
#d1da1a
```
#d1da1a rgb(209,218,26)
```

Shade Color Variation

#dce522
```
#dce522 rgb(220,229,34)
```
#dfe734
```
#dfe734 rgb(223,231,52)
```
#e2e945
```
#e2e945 rgb(226,233,69)
```
#e4eb57
```
#e4eb57 rgb(228,235,87)
```
#e7ed68
```
#e7ed68 rgb(231,237,104)
```
#eaef7a
```
#eaef7a rgb(234,239,122)
```
#edf18b
```
#edf18b rgb(237,241,139)
```
#eff39d
```
#eff39d rgb(239,243,157)
```
#f2f6ae
```
#f2f6ae rgb(242,246,174)
```
#f5f8c0
```
#f5f8c0 rgb(245,248,192)
```
#f8fad2
```
#f8fad2 rgb(248,250,210)
```
#fbfce3
```
#fbfce3 rgb(251,252,227)
```
#fdfef5
```
#fdfef5 rgb(253,254,245)
```

Tint Color Variation

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

#868681
```
#868681 rgb(134,134,129)
```
#8e9078
```
#8e9078 rgb(142,144,120)
```
#97996e
```
#97996e rgb(151,153,110)
```
#a0a365
```
#a0a365 rgb(160,163,101)
```
#a8ac5b
```
#a8ac5b rgb(168,172,91)
```
#b1b652
```
#b1b652 rgb(177,182,82)
```
#babf48
```
#babf48 rgb(186,191,72)
```
#c2c93f
```
#c2c93f rgb(194,201,63)
```
#cbd235
```
#cbd235 rgb(203,210,53)
```
#d3dc2c
```
#d3dc2c rgb(211,220,44)
```
#dce522
```
#dce522 rgb(220,229,34)
```
#e5ef19
```
#e5ef19 rgb(229,239,25)
```
#edf80f
```
#edf80f rgb(237,248,15)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#cfd1aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8de2b Protanopia 1% of men
#ffd79e Deuteranopia 1% of men
#eed7e6 Tritanopia 0.001% of the population

Trichromacy

#eee027 Protanomaly 1% of men, 0.01% of women
#f2dc71 Deuteranomaly 6% of men, 0.4% of women
#e7dc9f Tritanomaly 0.01% of the population

#dce522 hex color

#dce522 Color Information

#dce522 Color Conversion

Color Schemes with #dce522

Alternatives to #dce522

#dce522 Preview

Shades and Tints of #dce522

Tones of #dce522

Color Blindness Simulator