#ddc30c hex color

In a RGB color space, hex #ddc30c is composed of 86.7% red, 76.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 94.6% yellow and 13.3% black. It has a hue angle of 52.5 degrees, a saturation of 89.7% and a lightness of 45.7%. #ddc30c color hex could be obtained by blending #ffff18 with #bb8700. Closest websafe color is: #cccc00.

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

● #ddc30c color description : Vivid yellow.

The hexadecimal color #ddc30c has RGB values of R:221, G:195, B:12 and CMYK values of C:0, M:0.12, Y:0.95, K:0.13. Its decimal value is 14533388.

Hex triplet	ddc30c	`#ddc30c`
RGB Decimal	221, 195, 12	`rgb(221,195,12)`
RGB Percent	86.7, 76.5, 4.7	`rgb(86.7%,76.5%,4.7%)`
CMYK	0, 12, 95, 13
HSL	52.5°, 89.7, 45.7	`hsl(52.5,89.7%,45.7%)`
HSV (or HSB)	52.5°, 94.6, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	78.712, -6.234, 78.66
XYZ	49.401, 54.431, 8.252
xyY	0.441, 0.486, 54.431
CIE-LCH	78.712, 78.906, 94.531
CIE-LUV	78.712, 24.592, 83.605
Hunter-Lab	73.777, -9.587, 45.012
Binary	11011101, 11000011, 00001100

#ddc30c
```
#ddc30c rgb(221,195,12)
```
#0c26dd
```
#0c26dd rgb(12,38,221)
```

Complementary Color

#dd5a0c
```
#dd5a0c rgb(221,90,12)
```
#ddc30c
```
#ddc30c rgb(221,195,12)
```
#8fdd0c
```
#8fdd0c rgb(143,221,12)
```

Analogous Color

#5a0cdd
```
#5a0cdd rgb(90,12,221)
```
#ddc30c
```
#ddc30c rgb(221,195,12)
```
#0c8fdd
```
#0c8fdd rgb(12,143,221)
```

Split Complementary Color

#c30cdd
```
#c30cdd rgb(195,12,221)
```
#ddc30c
```
#ddc30c rgb(221,195,12)
```
#0cddc3
```
#0cddc3 rgb(12,221,195)
```

Triadic Color

#dd0c26
```
#dd0c26 rgb(221,12,38)
```
#ddc30c
```
#ddc30c rgb(221,195,12)
```
#0cddc3
```
#0cddc3 rgb(12,221,195)
```
#0c26dd
```
#0c26dd rgb(12,38,221)
```

Tetradic Color

#948308
```
#948308 rgb(148,131,8)
```
#ad9809
```
#ad9809 rgb(173,152,9)
```
#c5ae0b
```
#c5ae0b rgb(197,174,11)
```
#ddc30c
```
#ddc30c rgb(221,195,12)
```
#f2d610
```
#f2d610 rgb(242,214,16)
```
#f3da29
```
#f3da29 rgb(243,218,41)
```
#f5de41
```
#f5de41 rgb(245,222,65)
```

Monochromatic Color

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

#dd8f0c
```
#dd8f0c rgb(221,143,12)
```
#dda00c
```
#dda00c rgb(221,160,12)
```
#ddb20c
```
#ddb20c rgb(221,178,12)
```
#ddc30c
```
#ddc30c rgb(221,195,12)
```
#ddd40c
```
#ddd40c rgb(221,212,12)
```
#d4dd0c
```
#d4dd0c rgb(212,221,12)
```
#c3dd0c
```
#c3dd0c rgb(195,221,12)
```

Similar Colors

Text with hexadecimal color #ddc30c

This text has a font color of #ddc30c.

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

#ddc30c background color

This paragraph has a background color of #ddc30c.

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

#ddc30c border color

This element has a border color of #ddc30c.

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

CSS codes

.text {color:#ddc30c;}

.background {background-color:#ddc30c;}

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

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, #100e01 is the darkest color, while #fffffd is the lightest one.

#100e01
```
#100e01 rgb(16,14,1)
```
#231f02
```
#231f02 rgb(35,31,2)
```
#362f03
```
#362f03 rgb(54,47,3)
```
#484004
```
#484004 rgb(72,64,4)
```
#5b5005
```
#5b5005 rgb(91,80,5)
```
#6d6106
```
#6d6106 rgb(109,97,6)
```
#807107
```
#807107 rgb(128,113,7)
```
#938108
```
#938108 rgb(147,129,8)
```
#a59209
```
#a59209 rgb(165,146,9)
```
#b8a20a
```
#b8a20a rgb(184,162,10)
```
#cab30b
```
#cab30b rgb(202,179,11)
```
#ddc30c
```
#ddc30c rgb(221,195,12)
```
#f0d30d
```
#f0d30d rgb(240,211,13)
```

Shade Color Variation

#f3d81d
```
#f3d81d rgb(243,216,29)
```
#f4db30
```
#f4db30 rgb(244,219,48)
```
#f5df43
```
#f5df43 rgb(245,223,67)
```
#f6e255
```
#f6e255 rgb(246,226,85)
```
#f7e568
```
#f7e568 rgb(247,229,104)
```
#f8e87b
```
#f8e87b rgb(248,232,123)
```
#f9eb8d
```
#f9eb8d rgb(249,235,141)
```
#faefa0
```
#faefa0 rgb(250,239,160)
```
#fbf2b2
```
#fbf2b2 rgb(251,242,178)
```
#fcf5c5
```
#fcf5c5 rgb(252,245,197)
```
#fdf8d8
```
#fdf8d8 rgb(253,248,216)
```
#fefbea
```
#fefbea rgb(254,251,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#7a796f
```
#7a796f rgb(122,121,111)
```
#838066
```
#838066 rgb(131,128,102)
```
#8c865d
```
#8c865d rgb(140,134,93)
```
#958d54
```
#958d54 rgb(149,141,84)
```
#9e944b
```
#9e944b rgb(158,148,75)
```
#a79b42
```
#a79b42 rgb(167,155,66)
```
#b0a139
```
#b0a139 rgb(176,161,57)
```
#b9a830
```
#b9a830 rgb(185,168,48)
```
#c2af27
```
#c2af27 rgb(194,175,39)
```
#cbb61e
```
#cbb61e rgb(203,182,30)
```
#d4bc15
```
#d4bc15 rgb(212,188,21)
```
#ddc30c
```
#ddc30c rgb(221,195,12)
```
#e6ca03
```
#e6ca03 rgb(230,202,3)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#beb994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec618 Protanopia 1% of men
#f7bc24 Deuteranopia 1% of men
#eab8c5 Tritanopia 0.001% of the population

Trichromacy

#ddc514 Protanomaly 1% of men, 0.01% of women
#edbe1b Deuteranomaly 6% of men, 0.4% of women
#e5bc82 Tritanomaly 0.01% of the population

#ddc30c hex color

#ddc30c Color Information

#ddc30c Color Conversion

Color Schemes with #ddc30c

Alternatives to #ddc30c

#ddc30c Preview

Shades and Tints of #ddc30c

Tones of #ddc30c

Color Blindness Simulator