#ddb316 hex color

In a RGB color space, hex #ddb316 is composed of 86.7% red, 70.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 90% yellow and 13.3% black. It has a hue angle of 47.3 degrees, a saturation of 81.9% and a lightness of 47.6%. #ddb316 color hex could be obtained by blending #ffff2c with #bb6700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 87
- G 70
- B 9
RGB color chart
- C 0
- M 19
- Y 90
- K 13
CMYK color chart

● #ddb316 color description : Vivid yellow.

The hexadecimal color #ddb316 has RGB values of R:221, G:179, B:22 and CMYK values of C:0, M:0.19, Y:0.9, K:0.13. Its decimal value is 14529302.

Hex triplet	ddb316	`#ddb316`
RGB Decimal	221, 179, 22	`rgb(221,179,22)`
RGB Percent	86.7, 70.2, 8.6	`rgb(86.7%,70.2%,8.6%)`
CMYK	0, 19, 90, 13
HSL	47.3°, 81.9, 47.6	`hsl(47.3,81.9%,47.6%)`
HSV (or HSB)	47.3°, 90, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	74.618, 2.209, 74.132
XYZ	46.084, 47.672, 7.533
xyY	0.455, 0.471, 47.672
CIE-LCH	74.618, 74.165, 88.293
CIE-LUV	74.618, 36.234, 76.713
Hunter-Lab	69.045, -1.689, 41.863
Binary	11011101, 10110011, 00010110

#ddb316
```
#ddb316 rgb(221,179,22)
```
#1640dd
```
#1640dd rgb(22,64,221)
```

Complementary Color

#dd5016
```
#dd5016 rgb(221,80,22)
```
#ddb316
```
#ddb316 rgb(221,179,22)
```
#a4dd16
```
#a4dd16 rgb(164,221,22)
```

Analogous Color

#5016dd
```
#5016dd rgb(80,22,221)
```
#ddb316
```
#ddb316 rgb(221,179,22)
```
#16a4dd
```
#16a4dd rgb(22,164,221)
```

Split Complementary Color

#b316dd
```
#b316dd rgb(179,22,221)
```
#ddb316
```
#ddb316 rgb(221,179,22)
```
#16ddb3
```
#16ddb3 rgb(22,221,179)
```

Triadic Color

#dd1640
```
#dd1640 rgb(221,22,64)
```
#ddb316
```
#ddb316 rgb(221,179,22)
```
#16ddb3
```
#16ddb3 rgb(22,221,179)
```
#1640dd
```
#1640dd rgb(22,64,221)
```

Tetradic Color

#977b0f
```
#977b0f rgb(151,123,15)
```
#af8d11
```
#af8d11 rgb(175,141,17)
```
#c6a014
```
#c6a014 rgb(198,160,20)
```
#ddb316
```
#ddb316 rgb(221,179,22)
```
#e9bf23
```
#e9bf23 rgb(233,191,35)
```
#ebc63b
```
#ebc63b rgb(235,198,59)
```
#eecd52
```
#eecd52 rgb(238,205,82)
```

Monochromatic Color

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

#dd8116
```
#dd8116 rgb(221,129,22)
```
#dd9216
```
#dd9216 rgb(221,146,22)
```
#dda216
```
#dda216 rgb(221,162,22)
```
#ddb316
```
#ddb316 rgb(221,179,22)
```
#ddc416
```
#ddc416 rgb(221,196,22)
```
#ddd416
```
#ddd416 rgb(221,212,22)
```
#d5dd16
```
#d5dd16 rgb(213,221,22)
```

Similar Colors

Text with hexadecimal color #ddb316

This text has a font color of #ddb316.

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

#ddb316 background color

This paragraph has a background color of #ddb316.

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

#ddb316 border color

This element has a border color of #ddb316.

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

CSS codes

.text {color:#ddb316;}

.background {background-color:#ddb316;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#191402
```
#191402 rgb(25,20,2)
```
#2b2304
```
#2b2304 rgb(43,35,4)
```
#3c3106
```
#3c3106 rgb(60,49,6)
```
#4e3f08
```
#4e3f08 rgb(78,63,8)
```
#604e0a
```
#604e0a rgb(96,78,10)
```
#725c0b
```
#725c0b rgb(114,92,11)
```
#846b0d
```
#846b0d rgb(132,107,13)
```
#96790f
```
#96790f rgb(150,121,15)
```
#a78811
```
#a78811 rgb(167,136,17)
```
#b99612
```
#b99612 rgb(185,150,18)
```
#cba514
```
#cba514 rgb(203,165,20)
```
#ddb316
```
#ddb316 rgb(221,179,22)
```

Shade Color Variation

#e9be1e
```
#e9be1e rgb(233,190,30)
```
#eac330
```
#eac330 rgb(234,195,48)
```
#ecc842
```
#ecc842 rgb(236,200,66)
```
#eecd54
```
#eecd54 rgb(238,205,84)
```
#f0d365
```
#f0d365 rgb(240,211,101)
```
#f1d877
```
#f1d877 rgb(241,216,119)
```
#f3dd89
```
#f3dd89 rgb(243,221,137)
```
#f5e29b
```
#f5e29b rgb(245,226,155)
```
#f7e7ad
```
#f7e7ad rgb(247,231,173)
```
#f9ecbf
```
#f9ecbf rgb(249,236,191)
```
#faf2d0
```
#faf2d0 rgb(250,242,208)
```
#fcf7e2
```
#fcf7e2 rgb(252,247,226)
```
#fefcf4
```
#fefcf4 rgb(254,252,244)
```

Tint Color Variation

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

#807d73
```
#807d73 rgb(128,125,115)
```
#89826a
```
#89826a rgb(137,130,106)
```
#928861
```
#928861 rgb(146,136,97)
```
#9c8d57
```
#9c8d57 rgb(156,141,87)
```
#a5934e
```
#a5934e rgb(165,147,78)
```
#ae9845
```
#ae9845 rgb(174,152,69)
```
#b89d3b
```
#b89d3b rgb(184,157,59)
```
#c1a332
```
#c1a332 rgb(193,163,50)
```
#caa829
```
#caa829 rgb(202,168,41)
```
#d4ae1f
```
#d4ae1f rgb(212,174,31)
```
#ddb316
```
#ddb316 rgb(221,179,22)
```
#e6b80d
```
#e6b80d rgb(230,184,13)
```
#f0be03
```
#f0be03 rgb(240,190,3)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b7af90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bb23 Protanopia 1% of men
#e9b226 Deuteranopia 1% of men
#e8aab6 Tritanopia 0.001% of the population

Trichromacy

#d5b81e Protanomaly 1% of men, 0.01% of women
#e5b220 Deuteranomaly 6% of men, 0.4% of women
#e4ad7c Tritanomaly 0.01% of the population

#ddb316 hex color

#ddb316 Color Information

#ddb316 Color Conversion

Color Schemes with #ddb316

Alternatives to #ddb316

#ddb316 Preview

Shades and Tints of #ddb316

Tones of #ddb316

Color Blindness Simulator