#ddd307 hex color

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

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

● #ddd307 color description : Vivid yellow.

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

Hex triplet	ddd307	`#ddd307`
RGB Decimal	221, 211, 7	`rgb(221,211,7)`
RGB Percent	86.7, 82.7, 2.7	`rgb(86.7%,82.7%,2.7%)`
CMYK	0, 5, 97, 13
HSL	57.2°, 93.9, 44.7	`hsl(57.2,93.9%,44.7%)`
HSV (or HSB)	57.2°, 96.8, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.901, -14.363, 82.239
XYZ	53.152, 61.977, 9.364
xyY	0.427, 0.498, 61.977
CIE-LCH	82.901, 83.484, 99.907
CIE-LUV	82.901, 13.443, 89.928
Hunter-Lab	78.726, -17.255, 48.056
Binary	11011101, 11010011, 00000111

#ddd307
```
#ddd307 rgb(221,211,7)
```
#0711dd
```
#0711dd rgb(7,17,221)
```

Complementary Color

#dd6807
```
#dd6807 rgb(221,104,7)
```
#ddd307
```
#ddd307 rgb(221,211,7)
```
#7cdd07
```
#7cdd07 rgb(124,221,7)
```

Analogous Color

#6807dd
```
#6807dd rgb(104,7,221)
```
#ddd307
```
#ddd307 rgb(221,211,7)
```
#077cdd
```
#077cdd rgb(7,124,221)
```

Split Complementary Color

#d307dd
```
#d307dd rgb(211,7,221)
```
#ddd307
```
#ddd307 rgb(221,211,7)
```
#07ddd3
```
#07ddd3 rgb(7,221,211)
```

Triadic Color

#dd0711
```
#dd0711 rgb(221,7,17)
```
#ddd307
```
#ddd307 rgb(221,211,7)
```
#07ddd3
```
#07ddd3 rgb(7,221,211)
```
#0711dd
```
#0711dd rgb(7,17,221)
```

Tetradic Color

#938c05
```
#938c05 rgb(147,140,5)
```
#aca405
```
#aca405 rgb(172,164,5)
```
#c4bb06
```
#c4bb06 rgb(196,187,6)
```
#ddd307
```
#ddd307 rgb(221,211,7)
```
#f6eb08
```
#f6eb08 rgb(246,235,8)
```
#f8ee1f
```
#f8ee1f rgb(248,238,31)
```
#f9f038
```
#f9f038 rgb(249,240,56)
```

Monochromatic Color

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

#dd9e07
```
#dd9e07 rgb(221,158,7)
```
#ddaf07
```
#ddaf07 rgb(221,175,7)
```
#ddc107
```
#ddc107 rgb(221,193,7)
```
#ddd307
```
#ddd307 rgb(221,211,7)
```
#d5dd07
```
#d5dd07 rgb(213,221,7)
```
#c3dd07
```
#c3dd07 rgb(195,221,7)
```
#b2dd07
```
#b2dd07 rgb(178,221,7)
```

Similar Colors

Text with hexadecimal color #ddd307

This text has a font color of #ddd307.

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

#ddd307 background color

This paragraph has a background color of #ddd307.

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

#ddd307 border color

This element has a border color of #ddd307.

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

CSS codes

.text {color:#ddd307;}

.background {background-color:#ddd307;}

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

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

#0c0b00
```
#0c0b00 rgb(12,11,0)
```
#1f1d01
```
#1f1d01 rgb(31,29,1)
```
#323002
```
#323002 rgb(50,48,2)
```
#454202
```
#454202 rgb(69,66,2)
```
#585403
```
#585403 rgb(88,84,3)
```
#6b6603
```
#6b6603 rgb(107,102,3)
```
#7e7804
```
#7e7804 rgb(126,120,4)
```
#918a05
```
#918a05 rgb(145,138,5)
```
#a49d05
```
#a49d05 rgb(164,157,5)
```
#b7af06
```
#b7af06 rgb(183,175,6)
```
#cac106
```
#cac106 rgb(202,193,6)
```
#ddd307
```
#ddd307 rgb(221,211,7)
```
#f0e508
```
#f0e508 rgb(240,229,8)
```

Shade Color Variation

#f8ed14
```
#f8ed14 rgb(248,237,20)
```
#f8ee27
```
#f8ee27 rgb(248,238,39)
```
#f9f03a
```
#f9f03a rgb(249,240,58)
```
#f9f14d
```
#f9f14d rgb(249,241,77)
```
#faf360
```
#faf360 rgb(250,243,96)
```
#fbf473
```
#fbf473 rgb(251,244,115)
```
#fbf686
```
#fbf686 rgb(251,246,134)
```
#fcf799
```
#fcf799 rgb(252,247,153)
```
#fcf9ac
```
#fcf9ac rgb(252,249,172)
```
#fdfabf
```
#fdfabf rgb(253,250,191)
```
#fefcd2
```
#fefcd2 rgb(254,252,210)
```
#fefde5
```
#fefde5 rgb(254,253,229)
```
#fffef8
```
#fffef8 rgb(255,254,248)
```

Tint Color Variation

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

#747470
```
#747470 rgb(116,116,112)
```
#7d7c67
```
#7d7c67 rgb(125,124,103)
```
#85845f
```
#85845f rgb(133,132,95)
```
#8e8b56
```
#8e8b56 rgb(142,139,86)
```
#97934d
```
#97934d rgb(151,147,77)
```
#a09b44
```
#a09b44 rgb(160,155,68)
```
#a8a33c
```
#a8a33c rgb(168,163,60)
```
#b1ab33
```
#b1ab33 rgb(177,171,51)
```
#bab32a
```
#bab32a rgb(186,179,42)
```
#c3bb21
```
#c3bb21 rgb(195,187,33)
```
#cbc319
```
#cbc319 rgb(203,195,25)
```
#d4cb10
```
#d4cb10 rgb(212,203,16)
```
#ddd307
```
#ddd307 rgb(221,211,7)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#ddd307 hex color

#ddd307 Color Information

#ddd307 Color Conversion

Color Schemes with #ddd307

Alternatives to #ddd307

#ddd307 Preview

Shades and Tints of #ddd307

Tones of #ddd307

Color Blindness Simulator