colorhexa.com

#ddde20 hex color

In a RGB color space, hex #ddde20 is composed of 86.7% red, 87.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 0% magenta, 85.6% yellow and 12.9% black. It has a hue angle of 60.3 degrees, a saturation of 74.8% and a lightness of 49.8%. #ddde20 color hex could be obtained by blending #ffff40 with #bbbd00. Closest websafe color is: #cccc33.

- R 87
- G 87
- B 13
RGB color chart
- C 0
- M 0
- Y 86
- K 13
CMYK color chart

● #ddde20 color description : Vivid yellow.

The hexadecimal color #ddde20 has RGB values of R:221, G:222, B:32 and CMYK values of C:0, M:0, Y:0.86, K:0.13. Its decimal value is 14540320.

Hex triplet	ddde20	`#ddde20`
RGB Decimal	221, 222, 32	`rgb(221,222,32)`
RGB Percent	86.7, 87.1, 12.5	`rgb(86.7%,87.1%,12.5%)`
CMYK	0, 0, 86, 13
HSL	60.3°, 74.8, 49.8	`hsl(60.3,74.8%,49.8%)`
HSV (or HSB)	60.3°, 85.6, 87.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	85.866, -19.411, 81.155
XYZ	56.201, 67.72, 11.477
xyY	0.415, 0.5, 67.72
CIE-LCH	85.866, 83.444, 103.452
CIE-LUV	85.866, 5.96, 92.108
Hunter-Lab	82.292, -22.106, 49.335
Binary	11011101, 11011110, 00100000

#ddde20
```
#ddde20 rgb(221,222,32)
```
#2120de
```
#2120de rgb(33,32,222)
```

Complementary Color

#de8020
```
#de8020 rgb(222,128,32)
```
#ddde20
```
#ddde20 rgb(221,222,32)
```
#7ede20
```
#7ede20 rgb(126,222,32)
```

Analogous Color

#8020de
```
#8020de rgb(128,32,222)
```
#ddde20
```
#ddde20 rgb(221,222,32)
```
#207ede
```
#207ede rgb(32,126,222)
```

Split Complementary Color

#de20dd
```
#de20dd rgb(222,32,221)
```
#ddde20
```
#ddde20 rgb(221,222,32)
```
#20ddde
```
#20ddde rgb(32,221,222)
```

Triadic Color

#de2120
```
#de2120 rgb(222,33,32)
```
#ddde20
```
#ddde20 rgb(221,222,32)
```
#20ddde
```
#20ddde rgb(32,221,222)
```
#2120de
```
#2120de rgb(33,32,222)
```

Tetradic Color

#9a9b16
```
#9a9b16 rgb(154,155,22)
```
#b1b11a
```
#b1b11a rgb(177,177,26)
```
#c7c81d
```
#c7c81d rgb(199,200,29)
```
#ddde20
```
#ddde20 rgb(221,222,32)
```
#e1e236
```
#e1e236 rgb(225,226,54)
```
#e4e54c
```
#e4e54c rgb(228,229,76)
```
#e8e862
```
#e8e862 rgb(232,232,98)
```

Monochromatic Color

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

#deb020
```
#deb020 rgb(222,176,32)
```
#debf20
```
#debf20 rgb(222,191,32)
```
#decf20
```
#decf20 rgb(222,207,32)
```
#ddde20
```
#ddde20 rgb(221,222,32)
```
#cdde20
```
#cdde20 rgb(205,222,32)
```
#bdde20
```
#bdde20 rgb(189,222,32)
```
#aede20
```
#aede20 rgb(174,222,32)
```

Similar Colors

Text with hexadecimal color #ddde20

This text has a font color of #ddde20.

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

#ddde20 background color

This paragraph has a background color of #ddde20.

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

#ddde20 border color

This element has a border color of #ddde20.

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

CSS codes

.text {color:#ddde20;}

.background {background-color:#ddde20;}

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

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

#101002
```
#101002 rgb(16,16,2)
```
#212105
```
#212105 rgb(33,33,5)
```
#323307
```
#323307 rgb(50,51,7)
```
#43440a
```
#43440a rgb(67,68,10)
```
#54550c
```
#54550c rgb(84,85,12)
```
#66660f
```
#66660f rgb(102,102,15)
```
#777711
```
#777711 rgb(119,119,17)
```
#888814
```
#888814 rgb(136,136,20)
```
#999916
```
#999916 rgb(153,153,22)
```
#aaab19
```
#aaab19 rgb(170,171,25)
```
#bbbc1b
```
#bbbc1b rgb(187,188,27)
```
#cccd1e
```
#cccd1e rgb(204,205,30)
```
#ddde20
```
#ddde20 rgb(221,222,32)
```

Shade Color Variation

#e0e130
```
#e0e130 rgb(224,225,48)
```
#e3e442
```
#e3e442 rgb(227,228,66)
```
#e5e653
```
#e5e653 rgb(229,230,83)
```
#e8e964
```
#e8e964 rgb(232,233,100)
```
#eaeb75
```
#eaeb75 rgb(234,235,117)
```
#edee86
```
#edee86 rgb(237,238,134)
```
#f0f097
```
#f0f097 rgb(240,240,151)
```
#f2f3a8
```
#f2f3a8 rgb(242,243,168)
```
#f5f5ba
```
#f5f5ba rgb(245,245,186)
```
#f7f7cb
```
#f7f7cb rgb(247,247,203)
```
#fafadc
```
#fafadc rgb(250,250,220)
```
#fcfced
```
#fcfced rgb(252,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#868678
```
#868678 rgb(134,134,120)
```
#90906e
```
#90906e rgb(144,144,110)
```
#999a64
```
#999a64 rgb(153,154,100)
```
#a3a35b
```
#a3a35b rgb(163,163,91)
```
#adad51
```
#adad51 rgb(173,173,81)
```
#b6b747
```
#b6b747 rgb(182,183,71)
```
#c0c13d
```
#c0c13d rgb(192,193,61)
```
#caca34
```
#caca34 rgb(202,202,52)
```
#d3d42a
```
#d3d42a rgb(211,212,42)
```
#ddde20
```
#ddde20 rgb(221,222,32)
```
#e7e816
```
#e7e816 rgb(231,232,22)
```
#f0f20c
```
#f0f20c rgb(240,242,12)
```
#fafb03
```
#fafb03 rgb(250,251,3)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#cccca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d929 Protanopia 1% of men
#ffd18a Deuteranopia 1% of men
#eed1df Tritanopia 0.001% of the population

Trichromacy

#eada26 Protanomaly 1% of men, 0.01% of women
#f2d663 Deuteranomaly 6% of men, 0.4% of women
#e7d59a Tritanomaly 0.01% of the population