colorhexa.com

#ddb217 hex color

In a RGB color space, hex #ddb217 is composed of 86.7% red, 69.8% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.5% magenta, 89.6% yellow and 13.3% black. It has a hue angle of 47 degrees, a saturation of 81.1% and a lightness of 47.8%. #ddb217 color hex could be obtained by blending #ffff2e with #bb6500. Closest websafe color is: #cc9900.

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

● #ddb217 color description : Vivid yellow.

The hexadecimal color #ddb217 has RGB values of R:221, G:178, B:23 and CMYK values of C:0, M:0.19, Y:0.9, K:0.13. Its decimal value is 14529047.

Hex triplet	ddb217	`#ddb217`
RGB Decimal	221, 178, 23	`rgb(221,178,23)`
RGB Percent	86.7, 69.8, 9	`rgb(86.7%,69.8%,9%)`
CMYK	0, 19, 90, 13
HSL	47°, 81.1, 47.8	`hsl(47,81.1%,47.8%)`
HSV (or HSB)	47°, 89.6, 86.7
Web Safe	cc9900	`#cc9900`

CIE-LAB	74.367, 2.752, 73.752
XYZ	45.895, 47.277, 7.519
xyY	0.456, 0.47, 47.277
CIE-LCH	74.367, 73.804, 87.863
CIE-LUV	74.367, 36.971, 76.227
Hunter-Lab	68.758, -1.182, 41.647
Binary	11011101, 10110010, 00010111

#ddb217
```
#ddb217 rgb(221,178,23)
```
#1742dd
```
#1742dd rgb(23,66,221)
```

Complementary Color

#dd4f17
```
#dd4f17 rgb(221,79,23)
```
#ddb217
```
#ddb217 rgb(221,178,23)
```
#a5dd17
```
#a5dd17 rgb(165,221,23)
```

Analogous Color

#4f17dd
```
#4f17dd rgb(79,23,221)
```
#ddb217
```
#ddb217 rgb(221,178,23)
```
#17a5dd
```
#17a5dd rgb(23,165,221)
```

Split Complementary Color

#b217dd
```
#b217dd rgb(178,23,221)
```
#ddb217
```
#ddb217 rgb(221,178,23)
```
#17ddb2
```
#17ddb2 rgb(23,221,178)
```

Triadic Color

#dd1742
```
#dd1742 rgb(221,23,66)
```
#ddb217
```
#ddb217 rgb(221,178,23)
```
#17ddb2
```
#17ddb2 rgb(23,221,178)
```
#1742dd
```
#1742dd rgb(23,66,221)
```

Tetradic Color

#987a10
```
#987a10 rgb(152,122,16)
```
#af8d12
```
#af8d12 rgb(175,141,18)
```
#c69f15
```
#c69f15 rgb(198,159,21)
```
#ddb217
```
#ddb217 rgb(221,178,23)
```
#e8be25
```
#e8be25 rgb(232,190,37)
```
#ebc53c
```
#ebc53c rgb(235,197,60)
```
#edcc53
```
#edcc53 rgb(237,204,83)
```

Monochromatic Color

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

#dd8117
```
#dd8117 rgb(221,129,23)
```
#dd9117
```
#dd9117 rgb(221,145,23)
```
#dda217
```
#dda217 rgb(221,162,23)
```
#ddb217
```
#ddb217 rgb(221,178,23)
```
#ddc317
```
#ddc317 rgb(221,195,23)
```
#ddd317
```
#ddd317 rgb(221,211,23)
```
#d7dd17
```
#d7dd17 rgb(215,221,23)
```

Similar Colors

Text with hexadecimal color #ddb217

This text has a font color of #ddb217.

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

#ddb217 background color

This paragraph has a background color of #ddb217.

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

#ddb217 border color

This element has a border color of #ddb217.

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

CSS codes

.text {color:#ddb217;}

.background {background-color:#ddb217;}

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

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

#080601
```
#080601 rgb(8,6,1)
```
#1a1503
```
#1a1503 rgb(26,21,3)
```
#2b2305
```
#2b2305 rgb(43,35,5)
```
#3d3106
```
#3d3106 rgb(61,49,6)
```
#4f4008
```
#4f4008 rgb(79,64,8)
```
#614e0a
```
#614e0a rgb(97,78,10)
```
#725c0c
```
#725c0c rgb(114,92,12)
```
#846a0e
```
#846a0e rgb(132,106,14)
```
#967910
```
#967910 rgb(150,121,16)
```
#a88711
```
#a88711 rgb(168,135,17)
```
#b99513
```
#b99513 rgb(185,149,19)
```
#cba415
```
#cba415 rgb(203,164,21)
```
#ddb217
```
#ddb217 rgb(221,178,23)
```

Shade Color Variation

#e8bc20
```
#e8bc20 rgb(232,188,32)
```
#eac232
```
#eac232 rgb(234,194,50)
```
#ebc743
```
#ebc743 rgb(235,199,67)
```
#edcc55
```
#edcc55 rgb(237,204,85)
```
#efd267
```
#efd267 rgb(239,210,103)
```
#f1d779
```
#f1d779 rgb(241,215,121)
```
#f3dc8a
```
#f3dc8a rgb(243,220,138)
```
#f5e19c
```
#f5e19c rgb(245,225,156)
```
#f7e7ae
```
#f7e7ae rgb(247,231,174)
```
#f8ecc0
```
#f8ecc0 rgb(248,236,192)
```
#faf1d2
```
#faf1d2 rgb(250,241,210)
```
#fcf7e3
```
#fcf7e3 rgb(252,247,227)
```
#fefcf5
```
#fefcf5 rgb(254,252,245)
```

Tint Color Variation

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

#7f7d75
```
#7f7d75 rgb(127,125,117)
```
#89826b
```
#89826b rgb(137,130,107)
```
#928862
```
#928862 rgb(146,136,98)
```
#9b8d59
```
#9b8d59 rgb(155,141,89)
```
#a5924f
```
#a5924f rgb(165,146,79)
```
#ae9746
```
#ae9746 rgb(174,151,70)
```
#b79d3d
```
#b79d3d rgb(183,157,61)
```
#c1a233
```
#c1a233 rgb(193,162,51)
```
#caa72a
```
#caa72a rgb(202,167,42)
```
#d4ad20
```
#d4ad20 rgb(212,173,32)
```
#ddb217
```
#ddb217 rgb(221,178,23)
```
#e6b70e
```
#e6b70e rgb(230,183,14)
```
#f0bd04
```
#f0bd04 rgb(240,189,4)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b7ae8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bb24 Protanopia 1% of men
#e9b126 Deuteranopia 1% of men
#e8aab5 Tritanopia 0.001% of the population

Trichromacy

#d5b71f Protanomaly 1% of men, 0.01% of women
#e4b121 Deuteranomaly 6% of men, 0.4% of women
#e4ac7c Tritanomaly 0.01% of the population