#ddd523 hex color

In a RGB color space, hex #ddd523 is composed of 86.7% red, 83.5% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.6% magenta, 84.2% yellow and 13.3% black. It has a hue angle of 57.4 degrees, a saturation of 73.2% and a lightness of 50.2%. #ddd523 color hex could be obtained by blending #ffff46 with #bbab00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 84
- B 14
RGB color chart
- C 0
- M 4
- Y 84
- K 13
CMYK color chart

● #ddd523 color description : Bright yellow.

The hexadecimal color #ddd523 has RGB values of R:221, G:213, B:35 and CMYK values of C:0, M:0.04, Y:0.84, K:0.13. Its decimal value is 14538019.

Hex triplet	ddd523	`#ddd523`
RGB Decimal	221, 213, 35	`rgb(221,213,35)`
RGB Percent	86.7, 83.5, 13.7	`rgb(86.7%,83.5%,13.7%)`
CMYK	0, 4, 84, 13
HSL	57.4°, 73.2, 50.2	`hsl(57.4,73.2%,50.2%)`
HSV (or HSB)	57.4°, 84.2, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.486, -14.917, 78.588
XYZ	53.917, 63.083, 10.926
xyY	0.421, 0.493, 63.083
CIE-LCH	83.486, 79.992, 100.747
CIE-LUV	83.486, 11.883, 88.242
Hunter-Lab	79.425, -17.821, 47.441
Binary	11011101, 11010101, 00100011

#ddd523
```
#ddd523 rgb(221,213,35)
```
#232bdd
```
#232bdd rgb(35,43,221)
```

Complementary Color

#dd7823
```
#dd7823 rgb(221,120,35)
```
#ddd523
```
#ddd523 rgb(221,213,35)
```
#88dd23
```
#88dd23 rgb(136,221,35)
```

Analogous Color

#7823dd
```
#7823dd rgb(120,35,221)
```
#ddd523
```
#ddd523 rgb(221,213,35)
```
#2388dd
```
#2388dd rgb(35,136,221)
```

Split Complementary Color

#d523dd
```
#d523dd rgb(213,35,221)
```
#ddd523
```
#ddd523 rgb(221,213,35)
```
#23ddd5
```
#23ddd5 rgb(35,221,213)
```

Triadic Color

#dd232b
```
#dd232b rgb(221,35,43)
```
#ddd523
```
#ddd523 rgb(221,213,35)
```
#23ddd5
```
#23ddd5 rgb(35,221,213)
```
#232bdd
```
#232bdd rgb(35,43,221)
```

Tetradic Color

#9b9618
```
#9b9618 rgb(155,150,24)
```
#b2ab1b
```
#b2ab1b rgb(178,171,27)
```
#c8c01f
```
#c8c01f rgb(200,192,31)
```
#ddd523
```
#ddd523 rgb(221,213,35)
```
#e0d939
```
#e0d939 rgb(224,217,57)
```
#e4dd4f
```
#e4dd4f rgb(228,221,79)
```
#e7e265
```
#e7e265 rgb(231,226,101)
```

Monochromatic Color

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

#dda723
```
#dda723 rgb(221,167,35)
```
#ddb623
```
#ddb623 rgb(221,182,35)
```
#ddc623
```
#ddc623 rgb(221,198,35)
```
#ddd523
```
#ddd523 rgb(221,213,35)
```
#d6dd23
```
#d6dd23 rgb(214,221,35)
```
#c6dd23
```
#c6dd23 rgb(198,221,35)
```
#b7dd23
```
#b7dd23 rgb(183,221,35)
```

Similar Colors

Text with hexadecimal color #ddd523

This text has a font color of #ddd523.

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

#ddd523 background color

This paragraph has a background color of #ddd523.

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

#ddd523 border color

This element has a border color of #ddd523.

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

CSS codes

.text {color:#ddd523;}

.background {background-color:#ddd523;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#121103
```
#121103 rgb(18,17,3)
```
#232205
```
#232205 rgb(35,34,5)
```
#343208
```
#343208 rgb(52,50,8)
```
#45420b
```
#45420b rgb(69,66,11)
```
#56530d
```
#56530d rgb(86,83,13)
```
#676310
```
#676310 rgb(103,99,16)
```
#787313
```
#787313 rgb(120,115,19)
```
#898415
```
#898415 rgb(137,132,21)
```
#9a9418
```
#9a9418 rgb(154,148,24)
```
#aba51a
```
#aba51a rgb(171,165,26)
```
#bcb51d
```
#bcb51d rgb(188,181,29)
```
#cdc520
```
#cdc520 rgb(205,197,32)
```

Shade Color Variation

#ddd523
```
#ddd523 rgb(221,213,35)
```
#e0d834
```
#e0d834 rgb(224,216,52)
```
#e2db45
```
#e2db45 rgb(226,219,69)
```
#e5df56
```
#e5df56 rgb(229,223,86)
```
#e8e267
```
#e8e267 rgb(232,226,103)
```
#eae578
```
#eae578 rgb(234,229,120)
```
#ede889
```
#ede889 rgb(237,232,137)
```
#efec9a
```
#efec9a rgb(239,236,154)
```
#f2efab
```
#f2efab rgb(242,239,171)
```
#f5f2bc
```
#f5f2bc rgb(245,242,188)
```
#f7f5cd
```
#f7f5cd rgb(247,245,205)
```
#faf9de
```
#faf9de rgb(250,249,222)
```
#fdfcef
```
#fdfcef rgb(253,252,239)
```

Tint Color Variation

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

#85857b
```
#85857b rgb(133,133,123)
```
#8f8e71
```
#8f8e71 rgb(143,142,113)
```
#999667
```
#999667 rgb(153,150,103)
```
#a29f5e
```
#a29f5e rgb(162,159,94)
```
#aca854
```
#aca854 rgb(172,168,84)
```
#b6b14a
```
#b6b14a rgb(182,177,74)
```
#c0ba40
```
#c0ba40 rgb(192,186,64)
```
#c9c337
```
#c9c337 rgb(201,195,55)
```
#d3cc2d
```
#d3cc2d rgb(211,204,45)
```
#ddd523
```
#ddd523 rgb(221,213,35)
```
#e7de19
```
#e7de19 rgb(231,222,25)
```
#f1e70f
```
#f1e70f rgb(241,231,15)
```
#faf006
```
#faf006 rgb(250,240,6)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c8c7a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd22d Protanopia 1% of men
#ffca6a Deuteranopia 1% of men
#ecc9d7 Tritanopia 0.001% of the population

Trichromacy

#e6d329 Protanomaly 1% of men, 0.01% of women
#f2ce50 Deuteranomaly 6% of men, 0.4% of women
#e7cd95 Tritanomaly 0.01% of the population

#ddd523 hex color

#ddd523 Color Information

#ddd523 Color Conversion

Color Schemes with #ddd523

Alternatives to #ddd523

#ddd523 Preview

Shades and Tints of #ddd523

Tones of #ddd523

Color Blindness Simulator