#ddd309 hex color

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

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

● #ddd309 color description : Vivid yellow.

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

Hex triplet	ddd309	`#ddd309`
RGB Decimal	221, 211, 9	`rgb(221,211,9)`
RGB Percent	86.7, 82.7, 3.5	`rgb(86.7%,82.7%,3.5%)`
CMYK	0, 5, 96, 13
HSL	57.2°, 92.2, 45.1	`hsl(57.2,92.2%,45.1%)`
HSV (or HSB)	57.2°, 95.9, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.904, -14.345, 82.062
XYZ	53.163, 61.982, 9.422
xyY	0.427, 0.498, 61.982
CIE-LCH	82.904, 83.306, 99.915
CIE-LUV	82.904, 13.435, 89.826
Hunter-Lab	78.728, -17.24, 48.014
Binary	11011101, 11010011, 00001001

#ddd309
```
#ddd309 rgb(221,211,9)
```
#0913dd
```
#0913dd rgb(9,19,221)
```

Complementary Color

#dd6909
```
#dd6909 rgb(221,105,9)
```
#ddd309
```
#ddd309 rgb(221,211,9)
```
#7ddd09
```
#7ddd09 rgb(125,221,9)
```

Analogous Color

#6909dd
```
#6909dd rgb(105,9,221)
```
#ddd309
```
#ddd309 rgb(221,211,9)
```
#097ddd
```
#097ddd rgb(9,125,221)
```

Split Complementary Color

#d309dd
```
#d309dd rgb(211,9,221)
```
#ddd309
```
#ddd309 rgb(221,211,9)
```
#09ddd3
```
#09ddd3 rgb(9,221,211)
```

Triadic Color

#dd0913
```
#dd0913 rgb(221,9,19)
```
#ddd309
```
#ddd309 rgb(221,211,9)
```
#09ddd3
```
#09ddd3 rgb(9,221,211)
```
#0913dd
```
#0913dd rgb(9,19,221)
```

Tetradic Color

#938d06
```
#938d06 rgb(147,141,6)
```
#aca407
```
#aca407 rgb(172,164,7)
```
#c4bc08
```
#c4bc08 rgb(196,188,8)
```
#ddd309
```
#ddd309 rgb(221,211,9)
```
#f5ea0a
```
#f5ea0a rgb(245,234,10)
```
#f6ec23
```
#f6ec23 rgb(246,236,35)
```
#f7ee3b
```
#f7ee3b rgb(247,238,59)
```

Monochromatic Color

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

#dd9e09
```
#dd9e09 rgb(221,158,9)
```
#ddb009
```
#ddb009 rgb(221,176,9)
```
#ddc109
```
#ddc109 rgb(221,193,9)
```
#ddd309
```
#ddd309 rgb(221,211,9)
```
#d5dd09
```
#d5dd09 rgb(213,221,9)
```
#c4dd09
```
#c4dd09 rgb(196,221,9)
```
#b2dd09
```
#b2dd09 rgb(178,221,9)
```

Similar Colors

Text with hexadecimal color #ddd309

This text has a font color of #ddd309.

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

#ddd309 background color

This paragraph has a background color of #ddd309.

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

#ddd309 border color

This element has a border color of #ddd309.

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

CSS codes

.text {color:#ddd309;}

.background {background-color:#ddd309;}

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

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

#0e0d01
```
#0e0d01 rgb(14,13,1)
```
#211f01
```
#211f01 rgb(33,31,1)
```
#333102
```
#333102 rgb(51,49,2)
```
#464303
```
#464303 rgb(70,67,3)
```
#595504
```
#595504 rgb(89,85,4)
```
#6c6704
```
#6c6704 rgb(108,103,4)
```
#7f7905
```
#7f7905 rgb(127,121,5)
```
#928b06
```
#928b06 rgb(146,139,6)
```
#a49d07
```
#a49d07 rgb(164,157,7)
```
#b7af07
```
#b7af07 rgb(183,175,7)
```
#cac108
```
#cac108 rgb(202,193,8)
```
#ddd309
```
#ddd309 rgb(221,211,9)
```
#f0e50a
```
#f0e50a rgb(240,229,10)
```

Shade Color Variation

#f6eb18
```
#f6eb18 rgb(246,235,24)
```
#f6ed2b
```
#f6ed2b rgb(246,237,43)
```
#f7ee3d
```
#f7ee3d rgb(247,238,61)
```
#f8f050
```
#f8f050 rgb(248,240,80)
```
#f9f263
```
#f9f263 rgb(249,242,99)
```
#f9f376
```
#f9f376 rgb(249,243,118)
```
#faf589
```
#faf589 rgb(250,245,137)
```
#fbf69c
```
#fbf69c rgb(251,246,156)
```
#fcf8ae
```
#fcf8ae rgb(252,248,174)
```
#fcfac1
```
#fcfac1 rgb(252,250,193)
```
#fdfbd4
```
#fdfbd4 rgb(253,251,212)
```
#fefde7
```
#fefde7 rgb(254,253,231)
```
#fffffa
```
#fffffa rgb(255,255,250)
```

Tint Color Variation

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

#7c7b6a
```
#7c7b6a rgb(124,123,106)
```
#858361
```
#858361 rgb(133,131,97)
```
#8d8b59
```
#8d8b59 rgb(141,139,89)
```
#969350
```
#969350 rgb(150,147,80)
```
#9f9b47
```
#9f9b47 rgb(159,155,71)
```
#a8a33e
```
#a8a33e rgb(168,163,62)
```
#b1ab35
```
#b1ab35 rgb(177,171,53)
```
#bab32c
```
#bab32c rgb(186,179,44)
```
#c2bb24
```
#c2bb24 rgb(194,187,36)
```
#cbc31b
```
#cbc31b rgb(203,195,27)
```
#d4cb12
```
#d4cb12 rgb(212,203,18)
```
#ddd309
```
#ddd309 rgb(221,211,9)
```
#e6db00
```
#e6db00 rgb(230,219,0)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c5c39b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead113 Protanopia 1% of men
#ffc85e Deuteranopia 1% of men
#ecc7d5 Tritanopia 0.001% of the population

Trichromacy

#e5d10f Protanomaly 1% of men, 0.01% of women
#f2cc3f Deuteranomaly 6% of men, 0.4% of women
#e7cb8a Tritanomaly 0.01% of the population

#ddd309 hex color

#ddd309 Color Information

#ddd309 Color Conversion

Color Schemes with #ddd309

Alternatives to #ddd309

#ddd309 Preview

Shades and Tints of #ddd309

Tones of #ddd309

Color Blindness Simulator