#ddd300 hex color

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

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

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

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

Hex triplet	ddd300	`#ddd300`
RGB Decimal	221, 211, 0	`rgb(221,211,0)`
RGB Percent	86.7, 82.7, 0	`rgb(86.7%,82.7%,0%)`
CMYK	0, 5, 100, 13
HSL	57.3°, 100, 43.3	`hsl(57.3,100%,43.3%)`
HSV (or HSB)	57.3°, 100, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.893, -14.427, 82.864
XYZ	53.113, 61.962, 9.162
xyY	0.428, 0.499, 61.962
CIE-LCH	82.893, 84.111, 99.876
CIE-LUV	82.893, 13.475, 90.287
Hunter-Lab	78.716, -17.31, 48.2
Binary	11011101, 11010011, 00000000

#ddd300
```
#ddd300 rgb(221,211,0)
```
#000add
```
#000add rgb(0,10,221)
```

Complementary Color

#dd6500
```
#dd6500 rgb(221,101,0)
```
#ddd300
```
#ddd300 rgb(221,211,0)
```
#79dd00
```
#79dd00 rgb(121,221,0)
```

Analogous Color

#6500dd
```
#6500dd rgb(101,0,221)
```
#ddd300
```
#ddd300 rgb(221,211,0)
```
#0079dd
```
#0079dd rgb(0,121,221)
```

Split Complementary Color

#d300dd
```
#d300dd rgb(211,0,221)
```
#ddd300
```
#ddd300 rgb(221,211,0)
```
#00ddd3
```
#00ddd3 rgb(0,221,211)
```

Triadic Color

#dd000a
```
#dd000a rgb(221,0,10)
```
#ddd300
```
#ddd300 rgb(221,211,0)
```
#00ddd3
```
#00ddd3 rgb(0,221,211)
```
#000add
```
#000add rgb(0,10,221)
```

Tetradic Color

#918a00
```
#918a00 rgb(145,138,0)
```
#aaa200
```
#aaa200 rgb(170,162,0)
```
#c4bb00
```
#c4bb00 rgb(196,187,0)
```
#ddd300
```
#ddd300 rgb(221,211,0)
```
#f7eb00
```
#f7eb00 rgb(247,235,0)
```
#fff411
```
#fff411 rgb(255,244,17)
```
#fff52b
```
#fff52b rgb(255,245,43)
```

Monochromatic Color

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

#dd9c00
```
#dd9c00 rgb(221,156,0)
```
#ddae00
```
#ddae00 rgb(221,174,0)
```
#ddc100
```
#ddc100 rgb(221,193,0)
```
#ddd300
```
#ddd300 rgb(221,211,0)
```
#d5dd00
```
#d5dd00 rgb(213,221,0)
```
#c2dd00
```
#c2dd00 rgb(194,221,0)
```
#b0dd00
```
#b0dd00 rgb(176,221,0)
```

Similar Colors

Text with hexadecimal color #ddd300

This text has a font color of #ddd300.

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

#ddd300 background color

This paragraph has a background color of #ddd300.

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

#ddd300 border color

This element has a border color of #ddd300.

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

CSS codes

.text {color:#ddd300;}

.background {background-color:#ddd300;}

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

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 #fffef1 is the lightest one.

#050500
```
#050500 rgb(5,5,0)
```
#191800
```
#191800 rgb(25,24,0)
```
#2c2a00
```
#2c2a00 rgb(44,42,0)
```
#403d00
```
#403d00 rgb(64,61,0)
```
#545000
```
#545000 rgb(84,80,0)
```
#676300
```
#676300 rgb(103,99,0)
```
#7b7500
```
#7b7500 rgb(123,117,0)
```
#8f8800
```
#8f8800 rgb(143,136,0)
```
#a29b00
```
#a29b00 rgb(162,155,0)
```
#b6ae00
```
#b6ae00 rgb(182,174,0)
```
#c9c000
```
#c9c000 rgb(201,192,0)
```
#ddd300
```
#ddd300 rgb(221,211,0)
```
#f1e600
```
#f1e600 rgb(241,230,0)
```

Shade Color Variation

#fff405
```
#fff405 rgb(255,244,5)
```
#fff519
```
#fff519 rgb(255,245,25)
```
#fff52c
```
#fff52c rgb(255,245,44)
```
#fff640
```
#fff640 rgb(255,246,64)
```
#fff754
```
#fff754 rgb(255,247,84)
```
#fff867
```
#fff867 rgb(255,248,103)
```
#fff97b
```
#fff97b rgb(255,249,123)
```
#fffa8f
```
#fffa8f rgb(255,250,143)
```
#fffba2
```
#fffba2 rgb(255,251,162)
```
#fffcb6
```
#fffcb6 rgb(255,252,182)
```
#fffdc9
```
#fffdc9 rgb(255,253,201)
```
#fffddd
```
#fffddd rgb(255,253,221)
```
#fffef1
```
#fffef1 rgb(255,254,241)
```

Tint Color Variation

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

#777666
```
#777666 rgb(119,118,102)
```
#807e5e
```
#807e5e rgb(128,126,94)
```
#888655
```
#888655 rgb(136,134,85)
```
#918d4d
```
#918d4d rgb(145,141,77)
```
#999544
```
#999544 rgb(153,149,68)
```
#a29d3c
```
#a29d3c rgb(162,157,60)
```
#aaa533
```
#aaa533 rgb(170,165,51)
```
#b3ac2b
```
#b3ac2b rgb(179,172,43)
```
#bbb422
```
#bbb422 rgb(187,180,34)
```
#c4bc1a
```
#c4bc1a rgb(196,188,26)
```
#ccc411
```
#ccc411 rgb(204,196,17)
```
#d5cb09
```
#d5cb09 rgb(213,203,9)
```
#ddd300
```
#ddd300 rgb(221,211,0)
```

Tone Color Variation

Below, you can see how #ddd300 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
#c4c298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead100 Protanopia 1% of men
#ffc85d Deuteranopia 1% of men
#ecc7d5 Tritanopia 0.001% of the population

Trichromacy

#e5d100 Protanomaly 1% of men, 0.01% of women
#f2cc3b Deuteranomaly 6% of men, 0.4% of women
#e7cb87 Tritanomaly 0.01% of the population

#ddd300 hex color

#ddd300 Color Information

#ddd300 Color Conversion

Color Schemes with #ddd300

Alternatives to #ddd300

#ddd300 Preview

Shades and Tints of #ddd300

Tones of #ddd300

Color Blindness Simulator