#ddc300 hex color

In a RGB color space, hex #ddc300 is composed of 86.7% red, 76.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 100% yellow and 13.3% black. It has a hue angle of 52.9 degrees, a saturation of 100% and a lightness of 43.3%. #ddc300 color hex could be obtained by blending #ffff00 with #bb8700. Closest websafe color is: #cccc00.

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

● #ddc300 color description : Pure (or mostly pure) yellow.

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

Hex triplet	ddc300	`#ddc300`
RGB Decimal	221, 195, 0	`rgb(221,195,0)`
RGB Percent	86.7, 76.5, 0	`rgb(86.7%,76.5%,0%)`
CMYK	0, 12, 100, 13
HSL	52.9°, 100, 43.3	`hsl(52.9,100%,43.3%)`
HSV (or HSB)	52.9°, 100, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	78.697, -6.347, 79.845
XYZ	49.334, 54.404, 7.902
xyY	0.442, 0.487, 54.404
CIE-LCH	78.697, 80.097, 94.545
CIE-LUV	78.697, 24.668, 84.272
Hunter-Lab	73.759, -9.687, 45.279
Binary	11011101, 11000011, 00000000

#ddc300
```
#ddc300 rgb(221,195,0)
```
#001add
```
#001add rgb(0,26,221)
```

Complementary Color

#dd5500
```
#dd5500 rgb(221,85,0)
```
#ddc300
```
#ddc300 rgb(221,195,0)
```
#89dd00
```
#89dd00 rgb(137,221,0)
```

Analogous Color

#5400dd
```
#5400dd rgb(84,0,221)
```
#ddc300
```
#ddc300 rgb(221,195,0)
```
#0089dd
```
#0089dd rgb(0,137,221)
```

Split Complementary Color

#c300dd
```
#c300dd rgb(195,0,221)
```
#ddc300
```
#ddc300 rgb(221,195,0)
```
#00ddc3
```
#00ddc3 rgb(0,221,195)
```

Triadic Color

#dd001a
```
#dd001a rgb(221,0,26)
```
#ddc300
```
#ddc300 rgb(221,195,0)
```
#00ddc3
```
#00ddc3 rgb(0,221,195)
```
#001add
```
#001add rgb(0,26,221)
```

Tetradic Color

#918000
```
#918000 rgb(145,128,0)
```
#aa9600
```
#aa9600 rgb(170,150,0)
```
#c4ad00
```
#c4ad00 rgb(196,173,0)
```
#ddc300
```
#ddc300 rgb(221,195,0)
```
#f7da00
```
#f7da00 rgb(247,218,0)
```
#ffe311
```
#ffe311 rgb(255,227,17)
```
#ffe62b
```
#ffe62b rgb(255,230,43)
```

Monochromatic Color

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

#dd8c00
```
#dd8c00 rgb(221,140,0)
```
#dd9e00
```
#dd9e00 rgb(221,158,0)
```
#ddb100
```
#ddb100 rgb(221,177,0)
```
#ddc300
```
#ddc300 rgb(221,195,0)
```
#ddd500
```
#ddd500 rgb(221,213,0)
```
#d2dd00
```
#d2dd00 rgb(210,221,0)
```
#c0dd00
```
#c0dd00 rgb(192,221,0)
```

Similar Colors

Text with hexadecimal color #ddc300

This text has a font color of #ddc300.

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

#ddc300 background color

This paragraph has a background color of #ddc300.

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

#ddc300 border color

This element has a border color of #ddc300.

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

CSS codes

.text {color:#ddc300;}

.background {background-color:#ddc300;}

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

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

#050500
```
#050500 rgb(5,5,0)
```
#191600
```
#191600 rgb(25,22,0)
```
#2c2700
```
#2c2700 rgb(44,39,0)
```
#403900
```
#403900 rgb(64,57,0)
```
#544a00
```
#544a00 rgb(84,74,0)
```
#675b00
```
#675b00 rgb(103,91,0)
```
#7b6c00
```
#7b6c00 rgb(123,108,0)
```
#8f7e00
```
#8f7e00 rgb(143,126,0)
```
#a28f00
```
#a28f00 rgb(162,143,0)
```
#b6a000
```
#b6a000 rgb(182,160,0)
```
#c9b200
```
#c9b200 rgb(201,178,0)
```
#ddc300
```
#ddc300 rgb(221,195,0)
```
#f1d400
```
#f1d400 rgb(241,212,0)
```

Shade Color Variation

#ffe205
```
#ffe205 rgb(255,226,5)
```
#ffe419
```
#ffe419 rgb(255,228,25)
```
#ffe62c
```
#ffe62c rgb(255,230,44)
```
#ffe940
```
#ffe940 rgb(255,233,64)
```
#ffeb54
```
#ffeb54 rgb(255,235,84)
```
#ffed67
```
#ffed67 rgb(255,237,103)
```
#ffef7b
```
#ffef7b rgb(255,239,123)
```
#fff28f
```
#fff28f rgb(255,242,143)
```
#fff4a2
```
#fff4a2 rgb(255,244,162)
```
#fff6b6
```
#fff6b6 rgb(255,246,182)
```
#fff9c9
```
#fff9c9 rgb(255,249,201)
```
#fffbdd
```
#fffbdd rgb(255,251,221)
```
#fffdf1
```
#fffdf1 rgb(255,253,241)
```

Tint Color Variation

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

#777566
```
#777566 rgb(119,117,102)
```
#807c5e
```
#807c5e rgb(128,124,94)
```
#888255
```
#888255 rgb(136,130,85)
```
#91894d
```
#91894d rgb(145,137,77)
```
#998f44
```
#998f44 rgb(153,143,68)
```
#a2963c
```
#a2963c rgb(162,150,60)
```
#aa9c33
```
#aa9c33 rgb(170,156,51)
```
#b3a32b
```
#b3a32b rgb(179,163,43)
```
#bba922
```
#bba922 rgb(187,169,34)
```
#c4b01a
```
#c4b01a rgb(196,176,26)
```
#ccb611
```
#ccb611 rgb(204,182,17)
```
#d5bd09
```
#d5bd09 rgb(213,189,9)
```
#ddc300
```
#ddc300 rgb(221,195,0)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bdb891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec603 Protanopia 1% of men
#f7bc1d Deuteranopia 1% of men
#eab8c5 Tritanopia 0.001% of the population

Trichromacy

#ddc502 Protanomaly 1% of men, 0.01% of women
#edbe13 Deuteranomaly 6% of men, 0.4% of women
#e5bc7d Tritanomaly 0.01% of the population

#ddc300 hex color

#ddc300 Color Information

#ddc300 Color Conversion

Color Schemes with #ddc300

Alternatives to #ddc300

#ddc300 Preview

Shades and Tints of #ddc300

Tones of #ddc300

Color Blindness Simulator