#ddb83d hex color

In a RGB color space, hex #ddb83d is composed of 86.7% red, 72.2% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 72.4% yellow and 13.3% black. It has a hue angle of 46.1 degrees, a saturation of 70.2% and a lightness of 55.3%. #ddb83d color hex could be obtained by blending #ffff7a with #bb7100. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 72
- B 24
RGB color chart
- C 0
- M 17
- Y 72
- K 13
CMYK color chart

● #ddb83d color description : Bright yellow.

The hexadecimal color #ddb83d has RGB values of R:221, G:184, B:61 and CMYK values of C:0, M:0.17, Y:0.72, K:0.13. Its decimal value is 14530621.

Hex triplet	ddb83d	`#ddb83d`
RGB Decimal	221, 184, 61	`rgb(221,184,61)`
RGB Percent	86.7, 72.2, 23.9	`rgb(86.7%,72.2%,23.9%)`
CMYK	0, 17, 72, 13
HSL	46.1°, 70.2, 55.3	`hsl(46.1,70.2%,55.3%)`
HSV (or HSB)	46.1°, 72.4, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.064, 0.795, 64.066
XYZ	47.802, 49.992, 11.546
xyY	0.437, 0.457, 49.992
CIE-LCH	76.064, 64.071, 89.289
CIE-LUV	76.064, 31.534, 71.428
Hunter-Lab	70.705, -3.054, 39.811
Binary	11011101, 10111000, 00111101

#ddb83d
```
#ddb83d rgb(221,184,61)
```
#3d62dd
```
#3d62dd rgb(61,98,221)
```

Complementary Color

#dd683d
```
#dd683d rgb(221,104,61)
```
#ddb83d
```
#ddb83d rgb(221,184,61)
```
#b2dd3d
```
#b2dd3d rgb(178,221,61)
```

Analogous Color

#683ddd
```
#683ddd rgb(104,61,221)
```
#ddb83d
```
#ddb83d rgb(221,184,61)
```
#3db2dd
```
#3db2dd rgb(61,178,221)
```

Split Complementary Color

#b83ddd
```
#b83ddd rgb(184,61,221)
```
#ddb83d
```
#ddb83d rgb(221,184,61)
```
#3dddb8
```
#3dddb8 rgb(61,221,184)
```

Triadic Color

#dd3d62
```
#dd3d62 rgb(221,61,98)
```
#ddb83d
```
#ddb83d rgb(221,184,61)
```
#3dddb8
```
#3dddb8 rgb(61,221,184)
```
#3d62dd
```
#3d62dd rgb(61,98,221)
```

Tetradic Color

#af8e1f
```
#af8e1f rgb(175,142,31)
```
#c59f22
```
#c59f22 rgb(197,159,34)
```
#d9b027
```
#d9b027 rgb(217,176,39)
```
#ddb83d
```
#ddb83d rgb(221,184,61)
```
#e1c053
```
#e1c053 rgb(225,192,83)
```
#e5c868
```
#e5c868 rgb(229,200,104)
```
#e8d07e
```
#e8d07e rgb(232,208,126)
```

Monochromatic Color

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

#dd903d
```
#dd903d rgb(221,144,61)
```
#dd9d3d
```
#dd9d3d rgb(221,157,61)
```
#ddab3d
```
#ddab3d rgb(221,171,61)
```
#ddb83d
```
#ddb83d rgb(221,184,61)
```
#ddc53d
```
#ddc53d rgb(221,197,61)
```
#ddd33d
```
#ddd33d rgb(221,211,61)
```
#dadd3d
```
#dadd3d rgb(218,221,61)
```

Similar Colors

Text with hexadecimal color #ddb83d

This text has a font color of #ddb83d.

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

#ddb83d background color

This paragraph has a background color of #ddb83d.

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

#ddb83d border color

This element has a border color of #ddb83d.

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

CSS codes

.text {color:#ddb83d;}

.background {background-color:#ddb83d;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#171304
```
#171304 rgb(23,19,4)
```
#282007
```
#282007 rgb(40,32,7)
```
#382e0a
```
#382e0a rgb(56,46,10)
```
#493b0d
```
#493b0d rgb(73,59,13)
```
#5a4910
```
#5a4910 rgb(90,73,16)
```
#6a5613
```
#6a5613 rgb(106,86,19)
```
#7b6416
```
#7b6416 rgb(123,100,22)
```
#8c7119
```
#8c7119 rgb(140,113,25)
```
#9c7f1b
```
#9c7f1b rgb(156,127,27)
```
#ad8c1e
```
#ad8c1e rgb(173,140,30)
```
#be9a21
```
#be9a21 rgb(190,154,33)
```
#cfa724
```
#cfa724 rgb(207,167,36)
```

Shade Color Variation

#dab22c
```
#dab22c rgb(218,178,44)
```
#ddb83d
```
#ddb83d rgb(221,184,61)
```
#e0be4e
```
#e0be4e rgb(224,190,78)
```
#e3c45e
```
#e3c45e rgb(227,196,94)
```
#e6ca6f
```
#e6ca6f rgb(230,202,111)
```
#e9d080
```
#e9d080 rgb(233,208,128)
```
#ecd790
```
#ecd790 rgb(236,215,144)
```
#efdda1
```
#efdda1 rgb(239,221,161)
```
#f1e3b2
```
#f1e3b2 rgb(241,227,178)
```
#f4e9c3
```
#f4e9c3 rgb(244,233,195)
```
#f7efd3
```
#f7efd3 rgb(247,239,211)
```
#faf5e4
```
#faf5e4 rgb(250,245,228)
```
#fdfbf5
```
#fdfbf5 rgb(253,251,245)
```

Tint Color Variation

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

#8e8e8c
```
#8e8e8c rgb(142,142,140)
```
#979283
```
#979283 rgb(151,146,131)
```
#a0977a
```
#a0977a rgb(160,151,122)
```
#a89c72
```
#a89c72 rgb(168,156,114)
```
#b1a069
```
#b1a069 rgb(177,160,105)
```
#baa560
```
#baa560 rgb(186,165,96)
```
#c3aa57
```
#c3aa57 rgb(195,170,87)
```
#cbaf4f
```
#cbaf4f rgb(203,175,79)
```
#d4b346
```
#d4b346 rgb(212,179,70)
```
#ddb83d
```
#ddb83d rgb(221,184,61)
```
#e6bd34
```
#e6bd34 rgb(230,189,52)
```
#efc12b
```
#efc12b rgb(239,193,43)
```
#f7c623
```
#f7c623 rgb(247,198,35)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bdb69d Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4bf48 Protanopia 1% of men
#ecb649 Deuteranopia 1% of men
#e8b0bc Tritanopia 0.001% of the population

Trichromacy

#d7bc44 Protanomaly 1% of men, 0.01% of women
#e6b644 Deuteranomaly 6% of men, 0.4% of women
#e4b38e Tritanomaly 0.01% of the population

#ddb83d hex color

#ddb83d Color Information

#ddb83d Color Conversion

Color Schemes with #ddb83d

Alternatives to #ddb83d

#ddb83d Preview

Shades and Tints of #ddb83d

Tones of #ddb83d

Color Blindness Simulator