#ddc533 hex color

In a RGB color space, hex #ddc533 is composed of 86.7% red, 77.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 76.9% yellow and 13.3% black. It has a hue angle of 51.5 degrees, a saturation of 71.4% and a lightness of 53.3%. #ddc533 color hex could be obtained by blending #ffff66 with #bb8b00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 77
- B 20
RGB color chart
- C 0
- M 11
- Y 77
- K 13
CMYK color chart

● #ddc533 color description : Bright yellow.

The hexadecimal color #ddc533 has RGB values of R:221, G:197, B:51 and CMYK values of C:0, M:0.11, Y:0.77, K:0.13. Its decimal value is 14533939.

Hex triplet	ddc533	`#ddc533`
RGB Decimal	221, 197, 51	`rgb(221,197,51)`
RGB Percent	86.7, 77.3, 20	`rgb(86.7%,77.3%,20%)`
CMYK	0, 11, 77, 13
HSL	51.5°, 71.4, 53.3	`hsl(51.5,71.4%,53.3%)`
HSV (or HSB)	51.5°, 76.9, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.354, -6.355, 70.697
XYZ	50.383, 55.545, 11.199
xyY	0.43, 0.474, 55.545
CIE-LCH	79.354, 70.982, 95.136
CIE-LUV	79.354, 22.587, 79.149
Hunter-Lab	74.529, -9.755, 43.261
Binary	11011101, 11000101, 00110011

#ddc533
```
#ddc533 rgb(221,197,51)
```
#334bdd
```
#334bdd rgb(51,75,221)
```

Complementary Color

#dd7033
```
#dd7033 rgb(221,112,51)
```
#ddc533
```
#ddc533 rgb(221,197,51)
```
#a0dd33
```
#a0dd33 rgb(160,221,51)
```

Analogous Color

#7033dd
```
#7033dd rgb(112,51,221)
```
#ddc533
```
#ddc533 rgb(221,197,51)
```
#33a0dd
```
#33a0dd rgb(51,160,221)
```

Split Complementary Color

#c533dd
```
#c533dd rgb(197,51,221)
```
#ddc533
```
#ddc533 rgb(221,197,51)
```
#33ddc5
```
#33ddc5 rgb(51,221,197)
```

Triadic Color

#dd334b
```
#dd334b rgb(221,51,75)
```
#ddc533
```
#ddc533 rgb(221,197,51)
```
#33ddc5
```
#33ddc5 rgb(51,221,197)
```
#334bdd
```
#334bdd rgb(51,75,221)
```

Tetradic Color

#a8941c
```
#a8941c rgb(168,148,28)
```
#bda720
```
#bda720 rgb(189,167,32)
```
#d3ba23
```
#d3ba23 rgb(211,186,35)
```
#ddc533
```
#ddc533 rgb(221,197,51)
```
#e1cb49
```
#e1cb49 rgb(225,203,73)
```
#e4d15f
```
#e4d15f rgb(228,209,95)
```
#e8d875
```
#e8d875 rgb(232,216,117)
```

Monochromatic Color

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

#dd9b33
```
#dd9b33 rgb(221,155,51)
```
#dda933
```
#dda933 rgb(221,169,51)
```
#ddb733
```
#ddb733 rgb(221,183,51)
```
#ddc533
```
#ddc533 rgb(221,197,51)
```
#ddd333
```
#ddd333 rgb(221,211,51)
```
#d9dd33
```
#d9dd33 rgb(217,221,51)
```
#cbdd33
```
#cbdd33 rgb(203,221,51)
```

Similar Colors

Text with hexadecimal color #ddc533

This text has a font color of #ddc533.

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

#ddc533 background color

This paragraph has a background color of #ddc533.

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

#ddc533 border color

This element has a border color of #ddc533.

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

CSS codes

.text {color:#ddc533;}

.background {background-color:#ddc533;}

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

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, #0f0d02 is the darkest color, while #fffefd is the lightest one.

#0f0d02
```
#0f0d02 rgb(15,13,2)
```
#1f1c05
```
#1f1c05 rgb(31,28,5)
```
#302b08
```
#302b08 rgb(48,43,8)
```
#41390b
```
#41390b rgb(65,57,11)
```
#52480e
```
#52480e rgb(82,72,14)
```
#635710
```
#635710 rgb(99,87,16)
```
#736613
```
#736613 rgb(115,102,19)
```
#847516
```
#847516 rgb(132,117,22)
```
#958419
```
#958419 rgb(149,132,25)
```
#a6921c
```
#a6921c rgb(166,146,28)
```
#b7a11e
```
#b7a11e rgb(183,161,30)
```
#c8b021
```
#c8b021 rgb(200,176,33)
```
#d8bf24
```
#d8bf24 rgb(216,191,36)
```

Shade Color Variation

#ddc533
```
#ddc533 rgb(221,197,51)
```
#e0ca44
```
#e0ca44 rgb(224,202,68)
```
#e3cf55
```
#e3cf55 rgb(227,207,85)
```
#e5d365
```
#e5d365 rgb(229,211,101)
```
#e8d876
```
#e8d876 rgb(232,216,118)
```
#ebdd87
```
#ebdd87 rgb(235,221,135)
```
#eee298
```
#eee298 rgb(238,226,152)
```
#f1e6a9
```
#f1e6a9 rgb(241,230,169)
```
#f3ebba
```
#f3ebba rgb(243,235,186)
```
#f6f0ca
```
#f6f0ca rgb(246,240,202)
```
#f9f5db
```
#f9f5db rgb(249,245,219)
```
#fcfaec
```
#fcfaec rgb(252,250,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#8b8a85
```
#8b8a85 rgb(139,138,133)
```
#94907c
```
#94907c rgb(148,144,124)
```
#9d9773
```
#9d9773 rgb(157,151,115)
```
#a69e6a
```
#a69e6a rgb(166,158,106)
```
#afa461
```
#afa461 rgb(175,164,97)
```
#b8ab58
```
#b8ab58 rgb(184,171,88)
```
#c2b14e
```
#c2b14e rgb(194,177,78)
```
#cbb845
```
#cbb845 rgb(203,184,69)
```
#d4be3c
```
#d4be3c rgb(212,190,60)
```
#ddc533
```
#ddc533 rgb(221,197,51)
```
#e6cc2a
```
#e6cc2a rgb(230,204,42)
```
#efd221
```
#efd221 rgb(239,210,33)
```
#f8d918
```
#f8d918 rgb(248,217,24)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c3bea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec73d Protanopia 1% of men
#f7be42 Deuteranopia 1% of men
#eabbc8 Tritanopia 0.001% of the population

Trichromacy

#dec639 Protanomaly 1% of men, 0.01% of women
#eec03c Deuteranomaly 6% of men, 0.4% of women
#e5be92 Tritanomaly 0.01% of the population

#ddc533 hex color

#ddc533 Color Information

#ddc533 Color Conversion

Color Schemes with #ddc533

Alternatives to #ddc533

#ddc533 Preview

Shades and Tints of #ddc533

Tones of #ddc533

Color Blindness Simulator