#ddc107 hex color

In a RGB color space, hex #ddc107 is composed of 86.7% red, 75.7% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 96.8% yellow and 13.3% black. It has a hue angle of 52.1 degrees, a saturation of 93.9% and a lightness of 44.7%. #ddc107 color hex could be obtained by blending #ffff0e with #bb8300. Closest websafe color is: #cccc00.

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

● #ddc107 color description : Vivid yellow.

The hexadecimal color #ddc107 has RGB values of R:221, G:193, B:7 and CMYK values of C:0, M:0.13, Y:0.97, K:0.13. Its decimal value is 14532871.

Hex triplet	ddc107	`#ddc107`
RGB Decimal	221, 193, 7	`rgb(221,193,7)`
RGB Percent	86.7, 75.7, 2.7	`rgb(86.7%,75.7%,2.7%)`
CMYK	0, 13, 97, 13
HSL	52.1°, 93.9, 44.7	`hsl(52.1,93.9%,44.7%)`
HSV (or HSB)	52.1°, 96.8, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	78.186, -5.255, 78.777
XYZ	48.928, 53.529, 7.956
xyY	0.443, 0.485, 53.529
CIE-LCH	78.186, 78.952, 93.816
CIE-LUV	78.186, 26.063, 83.132
Hunter-Lab	73.164, -8.666, 44.767
Binary	11011101, 11000001, 00000111

#ddc107
```
#ddc107 rgb(221,193,7)
```
#0723dd
```
#0723dd rgb(7,35,221)
```

Complementary Color

#dd5607
```
#dd5607 rgb(221,86,7)
```
#ddc107
```
#ddc107 rgb(221,193,7)
```
#8edd07
```
#8edd07 rgb(142,221,7)
```

Analogous Color

#5607dd
```
#5607dd rgb(86,7,221)
```
#ddc107
```
#ddc107 rgb(221,193,7)
```
#078edd
```
#078edd rgb(7,142,221)
```

Split Complementary Color

#c107dd
```
#c107dd rgb(193,7,221)
```
#ddc107
```
#ddc107 rgb(221,193,7)
```
#07ddc1
```
#07ddc1 rgb(7,221,193)
```

Triadic Color

#dd0723
```
#dd0723 rgb(221,7,35)
```
#ddc107
```
#ddc107 rgb(221,193,7)
```
#07ddc1
```
#07ddc1 rgb(7,221,193)
```
#0723dd
```
#0723dd rgb(7,35,221)
```

Tetradic Color

#938005
```
#938005 rgb(147,128,5)
```
#ac9605
```
#ac9605 rgb(172,150,5)
```
#c4ab06
```
#c4ab06 rgb(196,171,6)
```
#ddc107
```
#ddc107 rgb(221,193,7)
```
#f6d708
```
#f6d708 rgb(246,215,8)
```
#f8dc1f
```
#f8dc1f rgb(248,220,31)
```
#f9df38
```
#f9df38 rgb(249,223,56)
```

Monochromatic Color

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

#dd8c07
```
#dd8c07 rgb(221,140,7)
```
#dd9d07
```
#dd9d07 rgb(221,157,7)
```
#ddaf07
```
#ddaf07 rgb(221,175,7)
```
#ddc107
```
#ddc107 rgb(221,193,7)
```
#ddd307
```
#ddd307 rgb(221,211,7)
```
#d5dd07
```
#d5dd07 rgb(213,221,7)
```
#c4dd07
```
#c4dd07 rgb(196,221,7)
```

Similar Colors

Text with hexadecimal color #ddc107

This text has a font color of #ddc107.

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

#ddc107 background color

This paragraph has a background color of #ddc107.

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

#ddc107 border color

This element has a border color of #ddc107.

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

CSS codes

.text {color:#ddc107;}

.background {background-color:#ddc107;}

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

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

#0c0a00
```
#0c0a00 rgb(12,10,0)
```
#1f1b01
```
#1f1b01 rgb(31,27,1)
```
#322c02
```
#322c02 rgb(50,44,2)
```
#453c02
```
#453c02 rgb(69,60,2)
```
#584d03
```
#584d03 rgb(88,77,3)
```
#6b5d03
```
#6b5d03 rgb(107,93,3)
```
#7e6e04
```
#7e6e04 rgb(126,110,4)
```
#917f05
```
#917f05 rgb(145,127,5)
```
#a48f05
```
#a48f05 rgb(164,143,5)
```
#b7a006
```
#b7a006 rgb(183,160,6)
```
#cab006
```
#cab006 rgb(202,176,6)
```
#ddc107
```
#ddc107 rgb(221,193,7)
```
#f0d208
```
#f0d208 rgb(240,210,8)
```

Shade Color Variation

#f8da14
```
#f8da14 rgb(248,218,20)
```
#f8dd27
```
#f8dd27 rgb(248,221,39)
```
#f9e03a
```
#f9e03a rgb(249,224,58)
```
#f9e34d
```
#f9e34d rgb(249,227,77)
```
#fae660
```
#fae660 rgb(250,230,96)
```
#fbe973
```
#fbe973 rgb(251,233,115)
```
#fbec86
```
#fbec86 rgb(251,236,134)
```
#fcef99
```
#fcef99 rgb(252,239,153)
```
#fcf2ac
```
#fcf2ac rgb(252,242,172)
```
#fdf5bf
```
#fdf5bf rgb(253,245,191)
```
#fef8d2
```
#fef8d2 rgb(254,248,210)
```
#fefbe5
```
#fefbe5 rgb(254,251,229)
```
#fffef8
```
#fffef8 rgb(255,254,248)
```

Tint Color Variation

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

#747370
```
#747370 rgb(116,115,112)
```
#7d7a67
```
#7d7a67 rgb(125,122,103)
```
#85805f
```
#85805f rgb(133,128,95)
```
#8e8756
```
#8e8756 rgb(142,135,86)
```
#978d4d
```
#978d4d rgb(151,141,77)
```
#a09444
```
#a09444 rgb(160,148,68)
```
#a89a3c
```
#a89a3c rgb(168,154,60)
```
#b1a133
```
#b1a133 rgb(177,161,51)
```
#baa72a
```
#baa72a rgb(186,167,42)
```
#c3ae21
```
#c3ae21 rgb(195,174,33)
```
#cbb419
```
#cbb419 rgb(203,180,25)
```
#d4bb10
```
#d4bb10 rgb(212,187,16)
```
#ddc107
```
#ddc107 rgb(221,193,7)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#bcb791 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc414 Protanopia 1% of men
#f5bb21 Deuteranopia 1% of men
#eab7c3 Tritanopia 0.001% of the population

Trichromacy

#dcc30f Protanomaly 1% of men, 0.01% of women
#ecbd17 Deuteranomaly 6% of men, 0.4% of women
#e5ba7f Tritanomaly 0.01% of the population

#ddc107 hex color

#ddc107 Color Information

#ddc107 Color Conversion

Color Schemes with #ddc107

Alternatives to #ddc107

#ddc107 Preview

Shades and Tints of #ddc107

Tones of #ddc107

Color Blindness Simulator