#ddb318 hex color

In a RGB color space, hex #ddb318 is composed of 86.7% red, 70.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 89.1% yellow and 13.3% black. It has a hue angle of 47.2 degrees, a saturation of 80.4% and a lightness of 48%. #ddb318 color hex could be obtained by blending #ffff30 with #bb6700. Closest websafe color is: #cccc00.

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

● #ddb318 color description : Vivid yellow.

The hexadecimal color #ddb318 has RGB values of R:221, G:179, B:24 and CMYK values of C:0, M:0.19, Y:0.89, K:0.13. Its decimal value is 14529304.

Hex triplet	ddb318	`#ddb318`
RGB Decimal	221, 179, 24	`rgb(221,179,24)`
RGB Percent	86.7, 70.2, 9.4	`rgb(86.7%,70.2%,9.4%)`
CMYK	0, 19, 89, 13
HSL	47.2°, 80.4, 48	`hsl(47.2,80.4%,48%)`
HSV (or HSB)	47.2°, 89.1, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	74.623, 2.244, 73.759
XYZ	46.105, 47.68, 7.639
xyY	0.455, 0.47, 47.68
CIE-LCH	74.623, 73.793, 88.257
CIE-LUV	74.623, 36.203, 76.498
Hunter-Lab	69.051, -1.657, 41.777
Binary	11011101, 10110011, 00011000

#ddb318
```
#ddb318 rgb(221,179,24)
```
#1842dd
```
#1842dd rgb(24,66,221)
```

Complementary Color

#dd5118
```
#dd5118 rgb(221,81,24)
```
#ddb318
```
#ddb318 rgb(221,179,24)
```
#a5dd18
```
#a5dd18 rgb(165,221,24)
```

Analogous Color

#5118dd
```
#5118dd rgb(81,24,221)
```
#ddb318
```
#ddb318 rgb(221,179,24)
```
#18a5dd
```
#18a5dd rgb(24,165,221)
```

Split Complementary Color

#b318dd
```
#b318dd rgb(179,24,221)
```
#ddb318
```
#ddb318 rgb(221,179,24)
```
#18ddb3
```
#18ddb3 rgb(24,221,179)
```

Triadic Color

#dd1842
```
#dd1842 rgb(221,24,66)
```
#ddb318
```
#ddb318 rgb(221,179,24)
```
#18ddb3
```
#18ddb3 rgb(24,221,179)
```
#1842dd
```
#1842dd rgb(24,66,221)
```

Tetradic Color

#987b11
```
#987b11 rgb(152,123,17)
```
#af8e13
```
#af8e13 rgb(175,142,19)
```
#c6a016
```
#c6a016 rgb(198,160,22)
```
#ddb318
```
#ddb318 rgb(221,179,24)
```
#e8be27
```
#e8be27 rgb(232,190,39)
```
#eac53e
```
#eac53e rgb(234,197,62)
```
#edcc55
```
#edcc55 rgb(237,204,85)
```

Monochromatic Color

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

#dd8218
```
#dd8218 rgb(221,130,24)
```
#dd9218
```
#dd9218 rgb(221,146,24)
```
#dda318
```
#dda318 rgb(221,163,24)
```
#ddb318
```
#ddb318 rgb(221,179,24)
```
#ddc318
```
#ddc318 rgb(221,195,24)
```
#ddd418
```
#ddd418 rgb(221,212,24)
```
#d6dd18
```
#d6dd18 rgb(214,221,24)
```

Similar Colors

Text with hexadecimal color #ddb318

This text has a font color of #ddb318.

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

#ddb318 background color

This paragraph has a background color of #ddb318.

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

#ddb318 border color

This element has a border color of #ddb318.

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

CSS codes

.text {color:#ddb318;}

.background {background-color:#ddb318;}

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

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

#090701
```
#090701 rgb(9,7,1)
```
#1a1503
```
#1a1503 rgb(26,21,3)
```
#2c2405
```
#2c2405 rgb(44,36,5)
```
#3e3207
```
#3e3207 rgb(62,50,7)
```
#4f4009
```
#4f4009 rgb(79,64,9)
```
#614f0b
```
#614f0b rgb(97,79,11)
```
#735d0c
```
#735d0c rgb(115,93,12)
```
#856b0e
```
#856b0e rgb(133,107,14)
```
#967a10
```
#967a10 rgb(150,122,16)
```
#a88812
```
#a88812 rgb(168,136,18)
```
#ba9614
```
#ba9614 rgb(186,150,20)
```
#cba516
```
#cba516 rgb(203,165,22)
```
#ddb318
```
#ddb318 rgb(221,179,24)
```

Shade Color Variation

#e7bd22
```
#e7bd22 rgb(231,189,34)
```
#e9c233
```
#e9c233 rgb(233,194,51)
```
#ebc745
```
#ebc745 rgb(235,199,69)
```
#edcd57
```
#edcd57 rgb(237,205,87)
```
#efd268
```
#efd268 rgb(239,210,104)
```
#f1d77a
```
#f1d77a rgb(241,215,122)
```
#f2dd8c
```
#f2dd8c rgb(242,221,140)
```
#f4e29e
```
#f4e29e rgb(244,226,158)
```
#f6e7af
```
#f6e7af rgb(246,231,175)
```
#f8ecc1
```
#f8ecc1 rgb(248,236,193)
```
#faf2d3
```
#faf2d3 rgb(250,242,211)
```
#fcf7e4
```
#fcf7e4 rgb(252,247,228)
```
#fefcf6
```
#fefcf6 rgb(254,252,246)
```

Tint Color Variation

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

#7f7d76
```
#7f7d76 rgb(127,125,118)
```
#88826d
```
#88826d rgb(136,130,109)
```
#928863
```
#928863 rgb(146,136,99)
```
#9b8d5a
```
#9b8d5a rgb(155,141,90)
```
#a49351
```
#a49351 rgb(164,147,81)
```
#ae9847
```
#ae9847 rgb(174,152,71)
```
#b79d3e
```
#b79d3e rgb(183,157,62)
```
#c1a334
```
#c1a334 rgb(193,163,52)
```
#caa82b
```
#caa82b rgb(202,168,43)
```
#d4ae21
```
#d4ae21 rgb(212,174,33)
```
#ddb318
```
#ddb318 rgb(221,179,24)
```
#e6b80f
```
#e6b80f rgb(230,184,15)
```
#f0be05
```
#f0be05 rgb(240,190,5)
```

Tone Color Variation

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

#d1bb25 Protanopia 1% of men
#e9b227 Deuteranopia 1% of men
#e8aab6 Tritanopia 0.001% of the population

Trichromacy

#d5b820 Protanomaly 1% of men, 0.01% of women
#e5b222 Deuteranomaly 6% of men, 0.4% of women
#e4ad7d Tritanomaly 0.01% of the population

#ddb318 hex color

#ddb318 Color Information

#ddb318 Color Conversion

Color Schemes with #ddb318

Alternatives to #ddb318

#ddb318 Preview

Shades and Tints of #ddb318

Tones of #ddb318

Color Blindness Simulator