#ddc325 hex color

In a RGB color space, hex #ddc325 is composed of 86.7% red, 76.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 83.3% yellow and 13.3% black. It has a hue angle of 51.5 degrees, a saturation of 73% and a lightness of 50.6%. #ddc325 color hex could be obtained by blending #ffff4a with #bb8700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 76
- B 15
RGB color chart
- C 0
- M 12
- Y 83
- K 13
CMYK color chart

● #ddc325 color description : Bright yellow.

The hexadecimal color #ddc325 has RGB values of R:221, G:195, B:37 and CMYK values of C:0, M:0.12, Y:0.83, K:0.13. Its decimal value is 14533413.

Hex triplet	ddc325	`#ddc325`
RGB Decimal	221, 195, 37	`rgb(221,195,37)`
RGB Percent	86.7, 76.5, 14.5	`rgb(86.7%,76.5%,14.5%)`
CMYK	0, 12, 83, 13
HSL	51.5°, 73, 50.6	`hsl(51.5,73%,50.6%)`
HSV (or HSB)	51.5°, 83.3, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.774, -5.777, 74.2
XYZ	49.668, 54.538, 9.661
xyY	0.436, 0.479, 54.538
CIE-LCH	78.774, 74.425, 94.452
CIE-LUV	78.774, 24.288, 80.94
Hunter-Lab	73.85, -9.185, 43.939
Binary	11011101, 11000011, 00100101

#ddc325
```
#ddc325 rgb(221,195,37)
```
#253fdd
```
#253fdd rgb(37,63,221)
```

Complementary Color

#dd6725
```
#dd6725 rgb(221,103,37)
```
#ddc325
```
#ddc325 rgb(221,195,37)
```
#9bdd25
```
#9bdd25 rgb(155,221,37)
```

Analogous Color

#6725dd
```
#6725dd rgb(103,37,221)
```
#ddc325
```
#ddc325 rgb(221,195,37)
```
#259bdd
```
#259bdd rgb(37,155,221)
```

Split Complementary Color

#c325dd
```
#c325dd rgb(195,37,221)
```
#ddc325
```
#ddc325 rgb(221,195,37)
```
#25ddc3
```
#25ddc3 rgb(37,221,195)
```

Triadic Color

#dd253f
```
#dd253f rgb(221,37,63)
```
#ddc325
```
#ddc325 rgb(221,195,37)
```
#25ddc3
```
#25ddc3 rgb(37,221,195)
```
#253fdd
```
#253fdd rgb(37,63,221)
```

Tetradic Color

#9d8a18
```
#9d8a18 rgb(157,138,24)
```
#b39e1c
```
#b39e1c rgb(179,158,28)
```
#c9b11f
```
#c9b11f rgb(201,177,31)
```
#ddc325
```
#ddc325 rgb(221,195,37)
```
#e0c93b
```
#e0c93b rgb(224,201,59)
```
#e4cf51
```
#e4cf51 rgb(228,207,81)
```
#e7d567
```
#e7d567 rgb(231,213,103)
```

Monochromatic Color

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

#dd9525
```
#dd9525 rgb(221,149,37)
```
#dda425
```
#dda425 rgb(221,164,37)
```
#ddb425
```
#ddb425 rgb(221,180,37)
```
#ddc325
```
#ddc325 rgb(221,195,37)
```
#ddd225
```
#ddd225 rgb(221,210,37)
```
#d8dd25
```
#d8dd25 rgb(216,221,37)
```
#c9dd25
```
#c9dd25 rgb(201,221,37)
```

Similar Colors

Text with hexadecimal color #ddc325

This text has a font color of #ddc325.

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

#ddc325 background color

This paragraph has a background color of #ddc325.

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

#ddc325 border color

This element has a border color of #ddc325.

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

CSS codes

.text {color:#ddc325;}

.background {background-color:#ddc325;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#141103
```
#141103 rgb(20,17,3)
```
#252006
```
#252006 rgb(37,32,6)
```
#362f08
```
#362f08 rgb(54,47,8)
```
#463e0b
```
#463e0b rgb(70,62,11)
```
#574d0e
```
#574d0e rgb(87,77,14)
```
#685c10
```
#685c10 rgb(104,92,16)
```
#796b13
```
#796b13 rgb(121,107,19)
```
#8a7a16
```
#8a7a16 rgb(138,122,22)
```
#9b8918
```
#9b8918 rgb(155,137,24)
```
#ac981b
```
#ac981b rgb(172,152,27)
```
#bda71e
```
#bda71e rgb(189,167,30)
```
#ceb620
```
#ceb620 rgb(206,182,32)
```

Shade Color Variation

#ddc325
```
#ddc325 rgb(221,195,37)
```
#e0c836
```
#e0c836 rgb(224,200,54)
```
#e2cc47
```
#e2cc47 rgb(226,204,71)
```
#e5d158
```
#e5d158 rgb(229,209,88)
```
#e8d669
```
#e8d669 rgb(232,214,105)
```
#eada7a
```
#eada7a rgb(234,218,122)
```
#eddf8b
```
#eddf8b rgb(237,223,139)
```
#f0e49c
```
#f0e49c rgb(240,228,156)
```
#f2e8ad
```
#f2e8ad rgb(242,232,173)
```
#f5edbe
```
#f5edbe rgb(245,237,190)
```
#f7f2cf
```
#f7f2cf rgb(247,242,207)
```
#faf6e0
```
#faf6e0 rgb(250,246,224)
```
#fdfbf1
```
#fdfbf1 rgb(253,251,241)
```

Tint Color Variation

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

#86847c
```
#86847c rgb(134,132,124)
```
#8f8b73
```
#8f8b73 rgb(143,139,115)
```
#999269
```
#999269 rgb(153,146,105)
```
#a3995f
```
#a3995f rgb(163,153,95)
```
#ada055
```
#ada055 rgb(173,160,85)
```
#b6a74c
```
#b6a74c rgb(182,167,76)
```
#c0ae42
```
#c0ae42 rgb(192,174,66)
```
#cab538
```
#cab538 rgb(202,181,56)
```
#d3bc2f
```
#d3bc2f rgb(211,188,47)
```
#ddc325
```
#ddc325 rgb(221,195,37)
```
#e7ca1b
```
#e7ca1b rgb(231,202,27)
```
#f0d112
```
#f0d112 rgb(240,209,18)
```
#fad808
```
#fad808 rgb(250,216,8)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c0bb9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc630 Protanopia 1% of men
#f6bc36 Deuteranopia 1% of men
#eab9c6 Tritanopia 0.001% of the population

Trichromacy

#ddc52c Protanomaly 1% of men, 0.01% of women
#edbe30 Deuteranomaly 6% of men, 0.4% of women
#e5bc8b Tritanomaly 0.01% of the population

#ddc325 hex color

#ddc325 Color Information

#ddc325 Color Conversion

Color Schemes with #ddc325

Alternatives to #ddc325

#ddc325 Preview

Shades and Tints of #ddc325

Tones of #ddc325

Color Blindness Simulator