#ddb523 hex color

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

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

● #ddb523 color description : Bright yellow.

The hexadecimal color #ddb523 has RGB values of R:221, G:181, B:35 and CMYK values of C:0, M:0.18, Y:0.84, K:0.13. Its decimal value is 14529827.

Hex triplet	ddb523	`#ddb523`
RGB Decimal	221, 181, 35	`rgb(221,181,35)`
RGB Percent	86.7, 71, 13.7	`rgb(86.7%,71%,13.7%)`
CMYK	0, 18, 84, 13
HSL	47.1°, 73.2, 50.2	`hsl(47.1,73.2%,50.2%)`
HSV (or HSB)	47.1°, 84.2, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.166, 1.436, 71.696
XYZ	46.647, 48.543, 8.503
xyY	0.45, 0.468, 48.543
CIE-LCH	75.166, 71.711, 88.852
CIE-LUV	75.166, 34.499, 75.796
Hunter-Lab	69.673, -2.42, 41.535
Binary	11011101, 10110101, 00100011

#ddb523
```
#ddb523 rgb(221,181,35)
```
#234bdd
```
#234bdd rgb(35,75,221)
```

Complementary Color

#dd5823
```
#dd5823 rgb(221,88,35)
```
#ddb523
```
#ddb523 rgb(221,181,35)
```
#a8dd23
```
#a8dd23 rgb(168,221,35)
```

Analogous Color

#5823dd
```
#5823dd rgb(88,35,221)
```
#ddb523
```
#ddb523 rgb(221,181,35)
```
#23a8dd
```
#23a8dd rgb(35,168,221)
```

Split Complementary Color

#b523dd
```
#b523dd rgb(181,35,221)
```
#ddb523
```
#ddb523 rgb(221,181,35)
```
#23ddb5
```
#23ddb5 rgb(35,221,181)
```

Triadic Color

#dd234b
```
#dd234b rgb(221,35,75)
```
#ddb523
```
#ddb523 rgb(221,181,35)
```
#23ddb5
```
#23ddb5 rgb(35,221,181)
```
#234bdd
```
#234bdd rgb(35,75,221)
```

Tetradic Color

#9b7f18
```
#9b7f18 rgb(155,127,24)
```
#b2911b
```
#b2911b rgb(178,145,27)
```
#c8a31f
```
#c8a31f rgb(200,163,31)
```
#ddb523
```
#ddb523 rgb(221,181,35)
```
#e0bc39
```
#e0bc39 rgb(224,188,57)
```
#e4c44f
```
#e4c44f rgb(228,196,79)
```
#e7cb65
```
#e7cb65 rgb(231,203,101)
```

Monochromatic Color

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

#dd8723
```
#dd8723 rgb(221,135,35)
```
#dd9623
```
#dd9623 rgb(221,150,35)
```
#dda623
```
#dda623 rgb(221,166,35)
```
#ddb523
```
#ddb523 rgb(221,181,35)
```
#ddc523
```
#ddc523 rgb(221,197,35)
```
#ddd423
```
#ddd423 rgb(221,212,35)
```
#d7dd23
```
#d7dd23 rgb(215,221,35)
```

Similar Colors

Text with hexadecimal color #ddb523

This text has a font color of #ddb523.

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

#ddb523 background color

This paragraph has a background color of #ddb523.

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

#ddb523 border color

This element has a border color of #ddb523.

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

CSS codes

.text {color:#ddb523;}

.background {background-color:#ddb523;}

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

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 #fdfaef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#120f03
```
#120f03 rgb(18,15,3)
```
#231d05
```
#231d05 rgb(35,29,5)
```
#342a08
```
#342a08 rgb(52,42,8)
```
#45380b
```
#45380b rgb(69,56,11)
```
#56460d
```
#56460d rgb(86,70,13)
```
#675410
```
#675410 rgb(103,84,16)
```
#786213
```
#786213 rgb(120,98,19)
```
#897015
```
#897015 rgb(137,112,21)
```
#9a7e18
```
#9a7e18 rgb(154,126,24)
```
#ab8c1a
```
#ab8c1a rgb(171,140,26)
```
#bc9a1d
```
#bc9a1d rgb(188,154,29)
```
#cda820
```
#cda820 rgb(205,168,32)
```

Shade Color Variation

#ddb523
```
#ddb523 rgb(221,181,35)
```
#e0bb34
```
#e0bb34 rgb(224,187,52)
```
#e2c045
```
#e2c045 rgb(226,192,69)
```
#e5c656
```
#e5c656 rgb(229,198,86)
```
#e8cc67
```
#e8cc67 rgb(232,204,103)
```
#ead278
```
#ead278 rgb(234,210,120)
```
#edd789
```
#edd789 rgb(237,215,137)
```
#efdd9a
```
#efdd9a rgb(239,221,154)
```
#f2e3ab
```
#f2e3ab rgb(242,227,171)
```
#f5e8bc
```
#f5e8bc rgb(245,232,188)
```
#f7eecd
```
#f7eecd rgb(247,238,205)
```
#faf4de
```
#faf4de rgb(250,244,222)
```
#fdfaef
```
#fdfaef rgb(253,250,239)
```

Tint Color Variation

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

#85837b
```
#85837b rgb(133,131,123)
```
#8f8871
```
#8f8871 rgb(143,136,113)
```
#998e67
```
#998e67 rgb(153,142,103)
```
#a2945e
```
#a2945e rgb(162,148,94)
```
#ac9954
```
#ac9954 rgb(172,153,84)
```
#b69f4a
```
#b69f4a rgb(182,159,74)
```
#c0a440
```
#c0a440 rgb(192,164,64)
```
#c9aa37
```
#c9aa37 rgb(201,170,55)
```
#d3af2d
```
#d3af2d rgb(211,175,45)
```
#ddb523
```
#ddb523 rgb(221,181,35)
```
#e7bb19
```
#e7bb19 rgb(231,187,25)
```
#f1c00f
```
#f1c00f rgb(241,192,15)
```
#fac606
```
#fac606 rgb(250,198,6)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b9b194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bd2f Protanopia 1% of men
#ebb331 Deuteranopia 1% of men
#e8acb8 Tritanopia 0.001% of the population

Trichromacy

#d6ba2b Protanomaly 1% of men, 0.01% of women
#e6b42c Deuteranomaly 6% of men, 0.4% of women
#e4af82 Tritanomaly 0.01% of the population

#ddb523 hex color

#ddb523 Color Information

#ddb523 Color Conversion

Color Schemes with #ddb523

Alternatives to #ddb523

#ddb523 Preview

Shades and Tints of #ddb523

Tones of #ddb523

Color Blindness Simulator