#ddcc26 hex color

In a RGB color space, hex #ddcc26 is composed of 86.7% red, 80% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.7% magenta, 82.8% yellow and 13.3% black. It has a hue angle of 54.4 degrees, a saturation of 72.9% and a lightness of 50.8%. #ddcc26 color hex could be obtained by blending #ffff4c with #bb9900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 80
- B 15
RGB color chart
- C 0
- M 8
- Y 83
- K 13
CMYK color chart

● #ddcc26 color description : Bright yellow.

The hexadecimal color #ddcc26 has RGB values of R:221, G:204, B:38 and CMYK values of C:0, M:0.08, Y:0.83, K:0.13. Its decimal value is 14535718.

Hex triplet	ddcc26	`#ddcc26`
RGB Decimal	221, 204, 38	`rgb(221,204,38)`
RGB Percent	86.7, 80, 14.9	`rgb(86.7%,80%,14.9%)`
CMYK	0, 8, 83, 13
HSL	54.4°, 72.9, 50.8	`hsl(54.4,72.9%,50.8%)`
HSV (or HSB)	54.4°, 82.8, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.126, -10.333, 75.927
XYZ	51.762, 58.699, 10.437
xyY	0.428, 0.486, 58.699
CIE-LCH	81.126, 76.627, 97.75
CIE-LUV	81.126, 17.968, 84.302
Hunter-Lab	76.615, -13.481, 45.554
Binary	11011101, 11001100, 00100110

#ddcc26
```
#ddcc26 rgb(221,204,38)
```
#2637dd
```
#2637dd rgb(38,55,221)
```

Complementary Color

#dd7126
```
#dd7126 rgb(221,113,38)
```
#ddcc26
```
#ddcc26 rgb(221,204,38)
```
#93dd26
```
#93dd26 rgb(147,221,38)
```

Analogous Color

#7126dd
```
#7126dd rgb(113,38,221)
```
#ddcc26
```
#ddcc26 rgb(221,204,38)
```
#2693dd
```
#2693dd rgb(38,147,221)
```

Split Complementary Color

#cc26dd
```
#cc26dd rgb(204,38,221)
```
#ddcc26
```
#ddcc26 rgb(221,204,38)
```
#26ddcc
```
#26ddcc rgb(38,221,204)
```

Triadic Color

#dd2637
```
#dd2637 rgb(221,38,55)
```
#ddcc26
```
#ddcc26 rgb(221,204,38)
```
#26ddcc
```
#26ddcc rgb(38,221,204)
```
#2637dd
```
#2637dd rgb(38,55,221)
```

Tetradic Color

#9e9119
```
#9e9119 rgb(158,145,25)
```
#b4a61c
```
#b4a61c rgb(180,166,28)
```
#caba20
```
#caba20 rgb(202,186,32)
```
#ddcc26
```
#ddcc26 rgb(221,204,38)
```
#e0d13c
```
#e0d13c rgb(224,209,60)
```
#e4d652
```
#e4d652 rgb(228,214,82)
```
#e7dc68
```
#e7dc68 rgb(231,220,104)
```

Monochromatic Color

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

#dd9e26
```
#dd9e26 rgb(221,158,38)
```
#ddae26
```
#ddae26 rgb(221,174,38)
```
#ddbd26
```
#ddbd26 rgb(221,189,38)
```
#ddcc26
```
#ddcc26 rgb(221,204,38)
```
#dddb26
```
#dddb26 rgb(221,219,38)
```
#d0dd26
```
#d0dd26 rgb(208,221,38)
```
#c0dd26
```
#c0dd26 rgb(192,221,38)
```

Similar Colors

Text with hexadecimal color #ddcc26

This text has a font color of #ddcc26.

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

#ddcc26 background color

This paragraph has a background color of #ddcc26.

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

#ddcc26 border color

This element has a border color of #ddcc26.

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

CSS codes

.text {color:#ddcc26;}

.background {background-color:#ddcc26;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#141303
```
#141303 rgb(20,19,3)
```
#252206
```
#252206 rgb(37,34,6)
```
#363209
```
#363209 rgb(54,50,9)
```
#47420b
```
#47420b rgb(71,66,11)
```
#58510e
```
#58510e rgb(88,81,14)
```
#696110
```
#696110 rgb(105,97,16)
```
#7a7113
```
#7a7113 rgb(122,113,19)
```
#8b8016
```
#8b8016 rgb(139,128,22)
```
#9c9018
```
#9c9018 rgb(156,144,24)
```
#ad9f1b
```
#ad9f1b rgb(173,159,27)
```
#beaf1e
```
#beaf1e rgb(190,175,30)
```
#cfbf20
```
#cfbf20 rgb(207,191,32)
```

Shade Color Variation

#ddcc26
```
#ddcc26 rgb(221,204,38)
```
#e0d037
```
#e0d037 rgb(224,208,55)
```
#e2d448
```
#e2d448 rgb(226,212,72)
```
#e5d859
```
#e5d859 rgb(229,216,89)
```
#e8dc6a
```
#e8dc6a rgb(232,220,106)
```
#eae07b
```
#eae07b rgb(234,224,123)
```
#ede48c
```
#ede48c rgb(237,228,140)
```
#f0e89d
```
#f0e89d rgb(240,232,157)
```
#f2ecae
```
#f2ecae rgb(242,236,174)
```
#f5f0bf
```
#f5f0bf rgb(245,240,191)
```
#f8f4d0
```
#f8f4d0 rgb(248,244,208)
```
#faf8e1
```
#faf8e1 rgb(250,248,225)
```
#fdfcf1
```
#fdfcf1 rgb(253,252,241)
```

Tint Color Variation

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

#86857d
```
#86857d rgb(134,133,125)
```
#908d73
```
#908d73 rgb(144,141,115)
```
#99956a
```
#99956a rgb(153,149,106)
```
#a39d60
```
#a39d60 rgb(163,157,96)
```
#ada556
```
#ada556 rgb(173,165,86)
```
#b6ad4d
```
#b6ad4d rgb(182,173,77)
```
#c0b443
```
#c0b443 rgb(192,180,67)
```
#cabc39
```
#cabc39 rgb(202,188,57)
```
#d3c430
```
#d3c430 rgb(211,196,48)
```
#ddcc26
```
#ddcc26 rgb(221,204,38)
```
#e7d41c
```
#e7d41c rgb(231,212,28)
```
#f0dc13
```
#f0dc13 rgb(240,220,19)
```
#fae409
```
#fae409 rgb(250,228,9)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c4c1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc30 Protanopia 1% of men
#fec239 Deuteranopia 1% of men
#ebc1ce Tritanopia 0.001% of the population

Trichromacy

#e1cc2c Protanomaly 1% of men, 0.01% of women
#f2c532 Deuteranomaly 6% of men, 0.4% of women
#e6c591 Tritanomaly 0.01% of the population

#ddcc26 hex color

#ddcc26 Color Information

#ddcc26 Color Conversion

Color Schemes with #ddcc26

Alternatives to #ddcc26

#ddcc26 Preview

Shades and Tints of #ddcc26

Tones of #ddcc26

Color Blindness Simulator