#ddc53f hex color

In a RGB color space, hex #ddc53f is composed of 86.7% red, 77.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 71.5% yellow and 13.3% black. It has a hue angle of 50.9 degrees, a saturation of 69.9% and a lightness of 55.7%. #ddc53f color hex could be obtained by blending #ffff7e with #bb8b00. Closest websafe color is: #cccc33.

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

● #ddc53f color description : Bright yellow.

The hexadecimal color #ddc53f has RGB values of R:221, G:197, B:63 and CMYK values of C:0, M:0.11, Y:0.71, K:0.13. Its decimal value is 14533951.

Hex triplet	ddc53f	`#ddc53f`
RGB Decimal	221, 197, 63	`rgb(221,197,63)`
RGB Percent	86.7, 77.3, 24.7	`rgb(86.7%,77.3%,24.7%)`
CMYK	0, 11, 71, 13
HSL	50.9°, 69.9, 55.7	`hsl(50.9,69.9%,55.7%)`
HSV (or HSB)	50.9°, 71.5, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.423, -5.85, 66.606
XYZ	50.683, 55.665, 12.777
xyY	0.425, 0.467, 55.665
CIE-LCH	79.423, 66.862, 95.019
CIE-LUV	79.423, 22.268, 76.262
Hunter-Lab	74.609, -9.309, 42.073
Binary	11011101, 11000101, 00111111

#ddc53f
```
#ddc53f rgb(221,197,63)
```
#3f57dd
```
#3f57dd rgb(63,87,221)
```

Complementary Color

#dd763f
```
#dd763f rgb(221,118,63)
```
#ddc53f
```
#ddc53f rgb(221,197,63)
```
#a6dd3f
```
#a6dd3f rgb(166,221,63)
```

Analogous Color

#763fdd
```
#763fdd rgb(118,63,221)
```
#ddc53f
```
#ddc53f rgb(221,197,63)
```
#3fa6dd
```
#3fa6dd rgb(63,166,221)
```

Split Complementary Color

#c53fdd
```
#c53fdd rgb(197,63,221)
```
#ddc53f
```
#ddc53f rgb(221,197,63)
```
#3fddc5
```
#3fddc5 rgb(63,221,197)
```

Triadic Color

#dd3f57
```
#dd3f57 rgb(221,63,87)
```
#ddc53f
```
#ddc53f rgb(221,197,63)
```
#3fddc5
```
#3fddc5 rgb(63,221,197)
```
#3f57dd
```
#3f57dd rgb(63,87,221)
```

Tetradic Color

#b09a1f
```
#b09a1f rgb(176,154,31)
```
#c6ad23
```
#c6ad23 rgb(198,173,35)
```
#d9be29
```
#d9be29 rgb(217,190,41)
```
#ddc53f
```
#ddc53f rgb(221,197,63)
```
#e1cc55
```
#e1cc55 rgb(225,204,85)
```
#e5d26a
```
#e5d26a rgb(229,210,106)
```
#e9d980
```
#e9d980 rgb(233,217,128)
```

Monochromatic Color

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

#dd9e3f
```
#dd9e3f rgb(221,158,63)
```
#ddab3f
```
#ddab3f rgb(221,171,63)
```
#ddb83f
```
#ddb83f rgb(221,184,63)
```
#ddc53f
```
#ddc53f rgb(221,197,63)
```
#ddd23f
```
#ddd23f rgb(221,210,63)
```
#dbdd3f
```
#dbdd3f rgb(219,221,63)
```
#cedd3f
```
#cedd3f rgb(206,221,63)
```

Similar Colors

Text with hexadecimal color #ddc53f

This text has a font color of #ddc53f.

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

#ddc53f background color

This paragraph has a background color of #ddc53f.

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

#ddc53f border color

This element has a border color of #ddc53f.

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

CSS codes

.text {color:#ddc53f;}

.background {background-color:#ddc53f;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#191604
```
#191604 rgb(25,22,4)
```
#292407
```
#292407 rgb(41,36,7)
```
#3a330a
```
#3a330a rgb(58,51,10)
```
#4b410d
```
#4b410d rgb(75,65,13)
```
#5b5010
```
#5b5010 rgb(91,80,16)
```
#6c5e13
```
#6c5e13 rgb(108,94,19)
```
#7d6d16
```
#7d6d16 rgb(125,109,22)
```
#8d7c19
```
#8d7c19 rgb(141,124,25)
```
#9e8a1c
```
#9e8a1c rgb(158,138,28)
```
#af991f
```
#af991f rgb(175,153,31)
```
#bfa722
```
#bfa722 rgb(191,167,34)
```
#d0b625
```
#d0b625 rgb(208,182,37)
```

Shade Color Variation

#dac02e
```
#dac02e rgb(218,192,46)
```
#ddc53f
```
#ddc53f rgb(221,197,63)
```
#e0ca50
```
#e0ca50 rgb(224,202,80)
```
#e3cf60
```
#e3cf60 rgb(227,207,96)
```
#e6d471
```
#e6d471 rgb(230,212,113)
```
#e9d982
```
#e9d982 rgb(233,217,130)
```
#ecde92
```
#ecde92 rgb(236,222,146)
```
#efe3a3
```
#efe3a3 rgb(239,227,163)
```
#f2e8b4
```
#f2e8b4 rgb(242,232,180)
```
#f5edc4
```
#f5edc4 rgb(245,237,196)
```
#f8f2d5
```
#f8f2d5 rgb(248,242,213)
```
#fbf7e6
```
#fbf7e6 rgb(251,247,230)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

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

#8f8f8d
```
#8f8f8d rgb(143,143,141)
```
#979585
```
#979585 rgb(151,149,133)
```
#a09b7c
```
#a09b7c rgb(160,155,124)
```
#a9a173
```
#a9a173 rgb(169,161,115)
```
#b2a76a
```
#b2a76a rgb(178,167,106)
```
#baad62
```
#baad62 rgb(186,173,98)
```
#c3b359
```
#c3b359 rgb(195,179,89)
```
#ccb950
```
#ccb950 rgb(204,185,80)
```
#d4bf48
```
#d4bf48 rgb(212,191,72)
```
#ddc53f
```
#ddc53f rgb(221,197,63)
```
#e6cb36
```
#e6cb36 rgb(230,203,54)
```
#eed12e
```
#eed12e rgb(238,209,46)
```
#f7d725
```
#f7d725 rgb(247,215,37)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c3bfa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec849 Protanopia 1% of men
#f7be4d Deuteranopia 1% of men
#e9bbc8 Tritanopia 0.001% of the population

Trichromacy

#ddc645 Protanomaly 1% of men, 0.01% of women
#edc048 Deuteranomaly 6% of men, 0.4% of women
#e5bf96 Tritanomaly 0.01% of the population

#ddc53f hex color

#ddc53f Color Information

#ddc53f Color Conversion

Color Schemes with #ddc53f

Alternatives to #ddc53f

#ddc53f Preview

Shades and Tints of #ddc53f

Tones of #ddc53f

Color Blindness Simulator