#ded107 hex color

In a RGB color space, hex #ded107 is composed of 87.1% red, 82% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 96.8% yellow and 12.9% black. It has a hue angle of 56.4 degrees, a saturation of 93.9% and a lightness of 44.9%. #ded107 color hex could be obtained by blending #ffff0e with #bda300. Closest websafe color is: #cccc00.

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

● #ded107 color description : Vivid yellow.

The hexadecimal color #ded107 has RGB values of R:222, G:209, B:7 and CMYK values of C:0, M:0.06, Y:0.97, K:0.13. Its decimal value is 14602503.

Hex triplet	ded107	`#ded107`
RGB Decimal	222, 209, 7	`rgb(222,209,7)`
RGB Percent	87.1, 82, 2.7	`rgb(87.1%,82%,2.7%)`
CMYK	0, 6, 97, 13
HSL	56.4°, 93.9, 44.9	`hsl(56.4,93.9%,44.9%)`
HSV (or HSB)	56.4°, 96.8, 87.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.458, -12.938, 81.949
XYZ	52.963, 61.147, 9.214
xyY	0.429, 0.496, 61.147
CIE-LCH	82.458, 82.964, 98.972
CIE-LUV	82.458, 15.52, 89.181
Hunter-Lab	78.197, -15.944, 47.752
Binary	11011110, 11010001, 00000111

#ded107
```
#ded107 rgb(222,209,7)
```
#0714de
```
#0714de rgb(7,20,222)
```

Complementary Color

#de6607
```
#de6607 rgb(222,102,7)
```
#ded107
```
#ded107 rgb(222,209,7)
```
#80de07
```
#80de07 rgb(128,222,7)
```

Analogous Color

#6607de
```
#6607de rgb(102,7,222)
```
#ded107
```
#ded107 rgb(222,209,7)
```
#0780de
```
#0780de rgb(7,128,222)
```

Split Complementary Color

#d107de
```
#d107de rgb(209,7,222)
```
#ded107
```
#ded107 rgb(222,209,7)
```
#07ded1
```
#07ded1 rgb(7,222,209)
```

Triadic Color

#de0714
```
#de0714 rgb(222,7,20)
```
#ded107
```
#ded107 rgb(222,209,7)
```
#07ded1
```
#07ded1 rgb(7,222,209)
```
#0714de
```
#0714de rgb(7,20,222)
```

Tetradic Color

#948b05
```
#948b05 rgb(148,139,5)
```
#ada205
```
#ada205 rgb(173,162,5)
```
#c5ba06
```
#c5ba06 rgb(197,186,6)
```
#ded107
```
#ded107 rgb(222,209,7)
```
#f7e808
```
#f7e808 rgb(247,232,8)
```
#f8eb20
```
#f8eb20 rgb(248,235,32)
```
#f9ed39
```
#f9ed39 rgb(249,237,57)
```

Monochromatic Color

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

#de9b07
```
#de9b07 rgb(222,155,7)
```
#dead07
```
#dead07 rgb(222,173,7)
```
#debf07
```
#debf07 rgb(222,191,7)
```
#ded107
```
#ded107 rgb(222,209,7)
```
#d9de07
```
#d9de07 rgb(217,222,7)
```
#c7de07
```
#c7de07 rgb(199,222,7)
```
#b5de07
```
#b5de07 rgb(181,222,7)
```

Similar Colors

Text with hexadecimal color #ded107

This text has a font color of #ded107.

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

#ded107 background color

This paragraph has a background color of #ded107.

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

#ded107 border color

This element has a border color of #ded107.

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

CSS codes

.text {color:#ded107;}

.background {background-color:#ded107;}

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

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

#0d0c00
```
#0d0c00 rgb(13,12,0)
```
#201e01
```
#201e01 rgb(32,30,1)
```
#333002
```
#333002 rgb(51,48,2)
```
#464202
```
#464202 rgb(70,66,2)
```
#595403
```
#595403 rgb(89,84,3)
```
#6c6603
```
#6c6603 rgb(108,102,3)
```
#7f7704
```
#7f7704 rgb(127,119,4)
```
#928905
```
#928905 rgb(146,137,5)
```
#a59b05
```
#a59b05 rgb(165,155,5)
```
#b8ad06
```
#b8ad06 rgb(184,173,6)
```
#cbbf06
```
#cbbf06 rgb(203,191,6)
```
#ded107
```
#ded107 rgb(222,209,7)
```
#f1e308
```
#f1e308 rgb(241,227,8)
```

Shade Color Variation

#f8ea15
```
#f8ea15 rgb(248,234,21)
```
#f8ec28
```
#f8ec28 rgb(248,236,40)
```
#f9ed3b
```
#f9ed3b rgb(249,237,59)
```
#f9ef4e
```
#f9ef4e rgb(249,239,78)
```
#faf161
```
#faf161 rgb(250,241,97)
```
#fbf274
```
#fbf274 rgb(251,242,116)
```
#fbf487
```
#fbf487 rgb(251,244,135)
```
#fcf69a
```
#fcf69a rgb(252,246,154)
```
#fcf8ad
```
#fcf8ad rgb(252,248,173)
```
#fdf9c0
```
#fdf9c0 rgb(253,249,192)
```
#fefbd3
```
#fefbd3 rgb(254,251,211)
```
#fefde6
```
#fefde6 rgb(254,253,230)
```
#fffef9
```
#fffef9 rgb(255,254,249)
```

Tint Color Variation

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

#747471
```
#747471 rgb(116,116,113)
```
#7d7c68
```
#7d7c68 rgb(125,124,104)
```
#86845f
```
#86845f rgb(134,132,95)
```
#8f8b56
```
#8f8b56 rgb(143,139,86)
```
#98934d
```
#98934d rgb(152,147,77)
```
#a09b45
```
#a09b45 rgb(160,155,69)
```
#a9a33c
```
#a9a33c rgb(169,163,60)
```
#b2aa33
```
#b2aa33 rgb(178,170,51)
```
#bbb22a
```
#bbb22a rgb(187,178,42)
```
#c4ba21
```
#c4ba21 rgb(196,186,33)
```
#ccc219
```
#ccc219 rgb(204,194,25)
```
#d5c910
```
#d5c910 rgb(213,201,16)
```
#ded107
```
#ded107 rgb(222,209,7)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c4c299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d011 Protanopia 1% of men
#ffc655 Deuteranopia 1% of men
#edc5d3 Tritanopia 0.001% of the population

Trichromacy

#e5d00d Protanomaly 1% of men, 0.01% of women
#f3ca38 Deuteranomaly 6% of men, 0.4% of women
#e7c988 Tritanomaly 0.01% of the population

#ded107 hex color

#ded107 Color Information

#ded107 Color Conversion

Color Schemes with #ded107

Alternatives to #ded107

#ded107 Preview

Shades and Tints of #ded107

Tones of #ded107

Color Blindness Simulator