#ddc31d hex color

In a RGB color space, hex #ddc31d is composed of 86.7% red, 76.5% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 86.9% yellow and 13.3% black. It has a hue angle of 51.9 degrees, a saturation of 76.8% and a lightness of 49%. #ddc31d color hex could be obtained by blending #ffff3a with #bb8700. Closest websafe color is: #cccc33.

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

● #ddc31d color description : Vivid yellow.

The hexadecimal color #ddc31d has RGB values of R:221, G:195, B:29 and CMYK values of C:0, M:0.12, Y:0.87, K:0.13. Its decimal value is 14533405.

Hex triplet	ddc31d	`#ddc31d`
RGB Decimal	221, 195, 29	`rgb(221,195,29)`
RGB Percent	86.7, 76.5, 11.4	`rgb(86.7%,76.5%,11.4%)`
CMYK	0, 12, 87, 13
HSL	51.9°, 76.8, 49	`hsl(51.9,76.8%,49%)`
HSV (or HSB)	51.9°, 86.9, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.748, -5.968, 76.012
XYZ	49.556, 54.493, 9.07
xyY	0.438, 0.482, 54.493
CIE-LCH	78.748, 76.246, 94.489
CIE-LUV	78.748, 24.415, 82.053
Hunter-Lab	73.819, -9.353, 44.388
Binary	11011101, 11000011, 00011101

#ddc31d
```
#ddc31d rgb(221,195,29)
```
#1d37dd
```
#1d37dd rgb(29,55,221)
```

Complementary Color

#dd631d
```
#dd631d rgb(221,99,29)
```
#ddc31d
```
#ddc31d rgb(221,195,29)
```
#97dd1d
```
#97dd1d rgb(151,221,29)
```

Analogous Color

#631ddd
```
#631ddd rgb(99,29,221)
```
#ddc31d
```
#ddc31d rgb(221,195,29)
```
#1d97dd
```
#1d97dd rgb(29,151,221)
```

Split Complementary Color

#c31ddd
```
#c31ddd rgb(195,29,221)
```
#ddc31d
```
#ddc31d rgb(221,195,29)
```
#1dddc3
```
#1dddc3 rgb(29,221,195)
```

Triadic Color

#dd1d37
```
#dd1d37 rgb(221,29,55)
```
#ddc31d
```
#ddc31d rgb(221,195,29)
```
#1dddc3
```
#1dddc3 rgb(29,221,195)
```
#1d37dd
```
#1d37dd rgb(29,55,221)
```

Tetradic Color

#998714
```
#998714 rgb(153,135,20)
```
#b09b17
```
#b09b17 rgb(176,155,23)
```
#c6af1a
```
#c6af1a rgb(198,175,26)
```
#ddc31d
```
#ddc31d rgb(221,195,29)
```
#e4cb30
```
#e4cb30 rgb(228,203,48)
```
#e7d146
```
#e7d146 rgb(231,209,70)
```
#ead75d
```
#ead75d rgb(234,215,93)
```

Monochromatic Color

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

#dd931d
```
#dd931d rgb(221,147,29)
```
#dda31d
```
#dda31d rgb(221,163,29)
```
#ddb31d
```
#ddb31d rgb(221,179,29)
```
#ddc31d
```
#ddc31d rgb(221,195,29)
```
#ddd31d
```
#ddd31d rgb(221,211,29)
```
#d7dd1d
```
#d7dd1d rgb(215,221,29)
```
#c7dd1d
```
#c7dd1d rgb(199,221,29)
```

Similar Colors

Text with hexadecimal color #ddc31d

This text has a font color of #ddc31d.

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

#ddc31d background color

This paragraph has a background color of #ddc31d.

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

#ddc31d border color

This element has a border color of #ddc31d.

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

CSS codes

.text {color:#ddc31d;}

.background {background-color:#ddc31d;}

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

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

#0d0b02
```
#0d0b02 rgb(13,11,2)
```
#1e1b04
```
#1e1b04 rgb(30,27,4)
```
#302a06
```
#302a06 rgb(48,42,6)
```
#413909
```
#413909 rgb(65,57,9)
```
#52490b
```
#52490b rgb(82,73,11)
```
#64580d
```
#64580d rgb(100,88,13)
```
#75670f
```
#75670f rgb(117,103,15)
```
#867712
```
#867712 rgb(134,119,18)
```
#988614
```
#988614 rgb(152,134,20)
```
#a99516
```
#a99516 rgb(169,149,22)
```
#baa418
```
#baa418 rgb(186,164,24)
```
#ccb41b
```
#ccb41b rgb(204,180,27)
```
#ddc31d
```
#ddc31d rgb(221,195,29)
```

Shade Color Variation

#e3ca2b
```
#e3ca2b rgb(227,202,43)
```
#e5ce3c
```
#e5ce3c rgb(229,206,60)
```
#e8d34d
```
#e8d34d rgb(232,211,77)
```
#ead75f
```
#ead75f rgb(234,215,95)
```
#ecdb70
```
#ecdb70 rgb(236,219,112)
```
#eee081
```
#eee081 rgb(238,224,129)
```
#f1e493
```
#f1e493 rgb(241,228,147)
```
#f3e8a4
```
#f3e8a4 rgb(243,232,164)
```
#f5edb5
```
#f5edb5 rgb(245,237,181)
```
#f8f1c7
```
#f8f1c7 rgb(248,241,199)
```
#faf5d8
```
#faf5d8 rgb(250,245,216)
```
#fcfae9
```
#fcfae9 rgb(252,250,233)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#868474
```
#868474 rgb(134,132,116)
```
#908b6a
```
#908b6a rgb(144,139,106)
```
#9a9260
```
#9a9260 rgb(154,146,96)
```
#a39957
```
#a39957 rgb(163,153,87)
```
#ada04d
```
#ada04d rgb(173,160,77)
```
#b7a743
```
#b7a743 rgb(183,167,67)
```
#c0ae3a
```
#c0ae3a rgb(192,174,58)
```
#cab530
```
#cab530 rgb(202,181,48)
```
#d3bc27
```
#d3bc27 rgb(211,188,39)
```
#ddc31d
```
#ddc31d rgb(221,195,29)
```
#e7ca13
```
#e7ca13 rgb(231,202,19)
```
#f0d10a
```
#f0d10a rgb(240,209,10)
```
#fad800
```
#fad800 rgb(250,216,0)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bfba99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc628 Protanopia 1% of men
#f6bc30 Deuteranopia 1% of men
#eab9c6 Tritanopia 0.001% of the population

Trichromacy

#ddc524 Protanomaly 1% of men, 0.01% of women
#edbe29 Deuteranomaly 6% of men, 0.4% of women
#e5bc88 Tritanomaly 0.01% of the population

#ddc31d hex color

#ddc31d Color Information

#ddc31d Color Conversion

Color Schemes with #ddc31d

Alternatives to #ddc31d

#ddc31d Preview

Shades and Tints of #ddc31d

Tones of #ddc31d

Color Blindness Simulator