#ddd31e hex color

In a RGB color space, hex #ddd31e is composed of 86.7% red, 82.7% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.5% magenta, 86.4% yellow and 13.3% black. It has a hue angle of 56.9 degrees, a saturation of 76.1% and a lightness of 49.2%. #ddd31e color hex could be obtained by blending #ffff3c with #bba700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 83
- B 12
RGB color chart
- C 0
- M 5
- Y 86
- K 13
CMYK color chart

● #ddd31e color description : Vivid yellow.

The hexadecimal color #ddd31e has RGB values of R:221, G:211, B:30 and CMYK values of C:0, M:0.05, Y:0.86, K:0.13. Its decimal value is 14537502.

Hex triplet	ddd31e	`#ddd31e`
RGB Decimal	221, 211, 30	`rgb(221,211,30)`
RGB Percent	86.7, 82.7, 11.8	`rgb(86.7%,82.7%,11.8%)`
CMYK	0, 5, 86, 13
HSL	56.9°, 76.1, 49.2	`hsl(56.9,76.1%,49.2%)`
HSV (or HSB)	56.9°, 86.4, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.943, -14.037, 79.18
XYZ	53.348, 62.056, 10.396
xyY	0.424, 0.493, 62.056
CIE-LCH	82.943, 80.415, 100.053
CIE-LUV	82.943, 13.285, 88.105
Hunter-Lab	78.775, -16.975, 47.318
Binary	11011101, 11010011, 00011110

#ddd31e
```
#ddd31e rgb(221,211,30)
```
#1e28dd
```
#1e28dd rgb(30,40,221)
```

Complementary Color

#dd741e
```
#dd741e rgb(221,116,30)
```
#ddd31e
```
#ddd31e rgb(221,211,30)
```
#88dd1e
```
#88dd1e rgb(136,221,30)
```

Analogous Color

#741edd
```
#741edd rgb(116,30,221)
```
#ddd31e
```
#ddd31e rgb(221,211,30)
```
#1e88dd
```
#1e88dd rgb(30,136,221)
```

Split Complementary Color

#d31edd
```
#d31edd rgb(211,30,221)
```
#ddd31e
```
#ddd31e rgb(221,211,30)
```
#1eddd3
```
#1eddd3 rgb(30,221,211)
```

Triadic Color

#dd1e28
```
#dd1e28 rgb(221,30,40)
```
#ddd31e
```
#ddd31e rgb(221,211,30)
```
#1eddd3
```
#1eddd3 rgb(30,221,211)
```
#1e28dd
```
#1e28dd rgb(30,40,221)
```

Tetradic Color

#9a9315
```
#9a9315 rgb(154,147,21)
```
#b0a818
```
#b0a818 rgb(176,168,24)
```
#c7be1b
```
#c7be1b rgb(199,190,27)
```
#ddd31e
```
#ddd31e rgb(221,211,30)
```
#e3da31
```
#e3da31 rgb(227,218,49)
```
#e6de48
```
#e6de48 rgb(230,222,72)
```
#e9e25e
```
#e9e25e rgb(233,226,94)
```

Monochromatic Color

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

#dda31e
```
#dda31e rgb(221,163,30)
```
#ddb31e
```
#ddb31e rgb(221,179,30)
```
#ddc31e
```
#ddc31e rgb(221,195,30)
```
#ddd31e
```
#ddd31e rgb(221,211,30)
```
#d7dd1e
```
#d7dd1e rgb(215,221,30)
```
#c7dd1e
```
#c7dd1e rgb(199,221,30)
```
#b7dd1e
```
#b7dd1e rgb(183,221,30)
```

Similar Colors

Text with hexadecimal color #ddd31e

This text has a font color of #ddd31e.

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

#ddd31e background color

This paragraph has a background color of #ddd31e.

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

#ddd31e border color

This element has a border color of #ddd31e.

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

CSS codes

.text {color:#ddd31e;}

.background {background-color:#ddd31e;}

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

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, #0e0d02 is the darkest color, while #fffefb is the lightest one.

#0e0d02
```
#0e0d02 rgb(14,13,2)
```
#1f1e04
```
#1f1e04 rgb(31,30,4)
```
#302e07
```
#302e07 rgb(48,46,7)
```
#423f09
```
#423f09 rgb(66,63,9)
```
#534f0b
```
#534f0b rgb(83,79,11)
```
#64600e
```
#64600e rgb(100,96,14)
```
#757010
```
#757010 rgb(117,112,16)
```
#878112
```
#878112 rgb(135,129,18)
```
#989115
```
#989115 rgb(152,145,21)
```
#a9a217
```
#a9a217 rgb(169,162,23)
```
#bab219
```
#bab219 rgb(186,178,25)
```
#ccc31c
```
#ccc31c rgb(204,195,28)
```
#ddd31e
```
#ddd31e rgb(221,211,30)
```

Shade Color Variation

#e2d92c
```
#e2d92c rgb(226,217,44)
```
#e5dc3d
```
#e5dc3d rgb(229,220,61)
```
#e7df4f
```
#e7df4f rgb(231,223,79)
```
#e9e260
```
#e9e260 rgb(233,226,96)
```
#ece571
```
#ece571 rgb(236,229,113)
```
#eee883
```
#eee883 rgb(238,232,131)
```
#f0ec94
```
#f0ec94 rgb(240,236,148)
```
#f3efa5
```
#f3efa5 rgb(243,239,165)
```
#f5f2b6
```
#f5f2b6 rgb(245,242,182)
```
#f7f5c8
```
#f7f5c8 rgb(247,245,200)
```
#faf8d9
```
#faf8d9 rgb(250,248,217)
```
#fcfbea
```
#fcfbea rgb(252,251,234)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#868575
```
#868575 rgb(134,133,117)
```
#908e6b
```
#908e6b rgb(144,142,107)
```
#999662
```
#999662 rgb(153,150,98)
```
#a39f58
```
#a39f58 rgb(163,159,88)
```
#ada84e
```
#ada84e rgb(173,168,78)
```
#b6b045
```
#b6b045 rgb(182,176,69)
```
#c0b93b
```
#c0b93b rgb(192,185,59)
```
#cac231
```
#cac231 rgb(202,194,49)
```
#d3ca28
```
#d3ca28 rgb(211,202,40)
```
#ddd31e
```
#ddd31e rgb(221,211,30)
```
#e7dc14
```
#e7dc14 rgb(231,220,20)
```
#f0e40b
```
#f0e40b rgb(240,228,11)
```
#faed01
```
#faed01 rgb(250,237,1)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c7c5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead128 Protanopia 1% of men
#ffc860 Deuteranopia 1% of men
#ecc7d5 Tritanopia 0.001% of the population

Trichromacy

#e5d224 Protanomaly 1% of men, 0.01% of women
#f2cc48 Deuteranomaly 6% of men, 0.4% of women
#e6cb92 Tritanomaly 0.01% of the population

#ddd31e hex color

#ddd31e Color Information

#ddd31e Color Conversion

Color Schemes with #ddd31e

Alternatives to #ddd31e

#ddd31e Preview

Shades and Tints of #ddd31e

Tones of #ddd31e

Color Blindness Simulator