#ddc311 hex color

In a RGB color space, hex #ddc311 is composed of 86.7% red, 76.5% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 92.3% yellow and 13.3% black. It has a hue angle of 52.4 degrees, a saturation of 85.7% and a lightness of 46.7%. #ddc311 color hex could be obtained by blending #ffff22 with #bb8700. Closest websafe color is: #cccc00.

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

● #ddc311 color description : Vivid yellow.

The hexadecimal color #ddc311 has RGB values of R:221, G:195, B:17 and CMYK values of C:0, M:0.12, Y:0.92, K:0.13. Its decimal value is 14533393.

Hex triplet	ddc311	`#ddc311`
RGB Decimal	221, 195, 17	`rgb(221,195,17)`
RGB Percent	86.7, 76.5, 6.7	`rgb(86.7%,76.5%,6.7%)`
CMYK	0, 12, 92, 13
HSL	52.4°, 85.7, 46.7	`hsl(52.4,85.7%,46.7%)`
HSV (or HSB)	52.4°, 92.3, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	78.72, -6.174, 78.051
XYZ	49.436, 54.445, 8.435
xyY	0.44, 0.485, 54.445
CIE-LCH	78.72, 78.295, 94.523
CIE-LUV	78.72, 24.552, 83.257
Hunter-Lab	73.787, -9.535, 44.873
Binary	11011101, 11000011, 00010001

#ddc311
```
#ddc311 rgb(221,195,17)
```
#112bdd
```
#112bdd rgb(17,43,221)
```

Complementary Color

#dd5d11
```
#dd5d11 rgb(221,93,17)
```
#ddc311
```
#ddc311 rgb(221,195,17)
```
#91dd11
```
#91dd11 rgb(145,221,17)
```

Analogous Color

#5d11dd
```
#5d11dd rgb(93,17,221)
```
#ddc311
```
#ddc311 rgb(221,195,17)
```
#1191dd
```
#1191dd rgb(17,145,221)
```

Split Complementary Color

#c311dd
```
#c311dd rgb(195,17,221)
```
#ddc311
```
#ddc311 rgb(221,195,17)
```
#11ddc3
```
#11ddc3 rgb(17,221,195)
```

Triadic Color

#dd112b
```
#dd112b rgb(221,17,43)
```
#ddc311
```
#ddc311 rgb(221,195,17)
```
#11ddc3
```
#11ddc3 rgb(17,221,195)
```
#112bdd
```
#112bdd rgb(17,43,221)
```

Tetradic Color

#96840c
```
#96840c rgb(150,132,12)
```
#ae990d
```
#ae990d rgb(174,153,13)
```
#c5ae0f
```
#c5ae0f rgb(197,174,15)
```
#ddc311
```
#ddc311 rgb(221,195,17)
```
#edd21a
```
#edd21a rgb(237,210,26)
```
#efd732
```
#efd732 rgb(239,215,50)
```
#f1dc49
```
#f1dc49 rgb(241,220,73)
```

Monochromatic Color

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

#dd9011
```
#dd9011 rgb(221,144,17)
```
#dda111
```
#dda111 rgb(221,161,17)
```
#ddb211
```
#ddb211 rgb(221,178,17)
```
#ddc311
```
#ddc311 rgb(221,195,17)
```
#ddd411
```
#ddd411 rgb(221,212,17)
```
#d5dd11
```
#d5dd11 rgb(213,221,17)
```
#c4dd11
```
#c4dd11 rgb(196,221,17)
```

Similar Colors

Text with hexadecimal color #ddc311

This text has a font color of #ddc311.

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

#ddc311 background color

This paragraph has a background color of #ddc311.

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

#ddc311 border color

This element has a border color of #ddc311.

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

CSS codes

.text {color:#ddc311;}

.background {background-color:#ddc311;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#151202
```
#151202 rgb(21,18,2)
```
#272203
```
#272203 rgb(39,34,3)
```
#393204
```
#393204 rgb(57,50,4)
```
#4b4206
```
#4b4206 rgb(75,66,6)
```
#5e5207
```
#5e5207 rgb(94,82,7)
```
#706309
```
#706309 rgb(112,99,9)
```
#82730a
```
#82730a rgb(130,115,10)
```
#94830b
```
#94830b rgb(148,131,11)
```
#a6930d
```
#a6930d rgb(166,147,13)
```
#b9a30e
```
#b9a30e rgb(185,163,14)
```
#cbb310
```
#cbb310 rgb(203,179,16)
```
#ddc311
```
#ddc311 rgb(221,195,17)
```

Shade Color Variation

#edd115
```
#edd115 rgb(237,209,21)
```
#eed527
```
#eed527 rgb(238,213,39)
```
#f0d839
```
#f0d839 rgb(240,216,57)
```
#f1dc4b
```
#f1dc4b rgb(241,220,75)
```
#f3e05e
```
#f3e05e rgb(243,224,94)
```
#f4e370
```
#f4e370 rgb(244,227,112)
```
#f5e782
```
#f5e782 rgb(245,231,130)
```
#f7ea94
```
#f7ea94 rgb(247,234,148)
```
#f8eea6
```
#f8eea6 rgb(248,238,166)
```
#faf1b9
```
#faf1b9 rgb(250,241,185)
```
#fbf5cb
```
#fbf5cb rgb(251,245,203)
```
#fcf8dd
```
#fcf8dd rgb(252,248,221)
```
#fefcef
```
#fefcef rgb(254,252,239)
```

Tint Color Variation

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

#787876
```
#787876 rgb(120,120,118)
```
#817f6d
```
#817f6d rgb(129,127,109)
```
#8b8663
```
#8b8663 rgb(139,134,99)
```
#948c5a
```
#948c5a rgb(148,140,90)
```
#9d9351
```
#9d9351 rgb(157,147,81)
```
#a69a48
```
#a69a48 rgb(166,154,72)
```
#afa13f
```
#afa13f rgb(175,161,63)
```
#b8a836
```
#b8a836 rgb(184,168,54)
```
#c2af2c
```
#c2af2c rgb(194,175,44)
```
#cbb523
```
#cbb523 rgb(203,181,35)
```
#d4bc1a
```
#d4bc1a rgb(212,188,26)
```
#ddc311
```
#ddc311 rgb(221,195,17)
```
#e6ca08
```
#e6ca08 rgb(230,202,8)
```

Tone Color Variation

Below, you can see how #ddc311 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
#beb995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec61d Protanopia 1% of men
#f7bc27 Deuteranopia 1% of men
#eab9c5 Tritanopia 0.001% of the population

Trichromacy

#ddc518 Protanomaly 1% of men, 0.01% of women
#edbe1f Deuteranomaly 6% of men, 0.4% of women
#e5bc84 Tritanomaly 0.01% of the population

#ddc311 hex color

#ddc311 Color Information

#ddc311 Color Conversion

Color Schemes with #ddc311

Alternatives to #ddc311

#ddc311 Preview

Shades and Tints of #ddc311

Tones of #ddc311

Color Blindness Simulator