#edc107 hex color

In a RGB color space, hex #edc107 is composed of 92.9% red, 75.7% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.6% magenta, 97% yellow and 7.1% black. It has a hue angle of 48.5 degrees, a saturation of 94.3% and a lightness of 47.8%. #edc107 color hex could be obtained by blending #ffff0e with #db8300. Closest websafe color is: #ffcc00.

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

● #edc107 color description : Vivid yellow.

The hexadecimal color #edc107 has RGB values of R:237, G:193, B:7 and CMYK values of C:0, M:0.19, Y:0.97, K:0.07. Its decimal value is 15581447.

Hex triplet	edc107	`#edc107`
RGB Decimal	237, 193, 7	`rgb(237,193,7)`
RGB Percent	92.9, 75.7, 2.7	`rgb(92.9%,75.7%,2.7%)`
CMYK	0, 19, 97, 7
HSL	48.5°, 94.3, 47.8	`hsl(48.5,94.3%,47.8%)`
HSV (or HSB)	48.5°, 97, 92.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	79.706, 1.677, 80.567
XYZ	54.034, 56.162, 8.195
xyY	0.456, 0.474, 56.162
CIE-LCH	79.706, 80.584, 88.807
CIE-LUV	79.706, 38.155, 83.359
Hunter-Lab	74.942, -2.446, 45.975
Binary	11101101, 11000001, 00000111

#edc107
```
#edc107 rgb(237,193,7)
```
#0733ed
```
#0733ed rgb(7,51,237)
```

Complementary Color

#ed4e07
```
#ed4e07 rgb(237,78,7)
```
#edc107
```
#edc107 rgb(237,193,7)
```
#a6ed07
```
#a6ed07 rgb(166,237,7)
```

Analogous Color

#4e07ed
```
#4e07ed rgb(78,7,237)
```
#edc107
```
#edc107 rgb(237,193,7)
```
#07a6ed
```
#07a6ed rgb(7,166,237)
```

Split Complementary Color

#c107ed
```
#c107ed rgb(193,7,237)
```
#edc107
```
#edc107 rgb(237,193,7)
```
#07edc1
```
#07edc1 rgb(7,237,193)
```

Triadic Color

#ed0733
```
#ed0733 rgb(237,7,51)
```
#edc107
```
#edc107 rgb(237,193,7)
```
#07edc1
```
#07edc1 rgb(7,237,193)
```
#0733ed
```
#0733ed rgb(7,51,237)
```

Tetradic Color

#a38405
```
#a38405 rgb(163,132,5)
```
#bb9906
```
#bb9906 rgb(187,153,6)
```
#d4ad06
```
#d4ad06 rgb(212,173,6)
```
#edc107
```
#edc107 rgb(237,193,7)
```
#f8cd15
```
#f8cd15 rgb(248,205,21)
```
#f9d22e
```
#f9d22e rgb(249,210,46)
```
#fad747
```
#fad747 rgb(250,215,71)
```

Monochromatic Color

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

#ed8807
```
#ed8807 rgb(237,136,7)
```
#ed9b07
```
#ed9b07 rgb(237,155,7)
```
#edae07
```
#edae07 rgb(237,174,7)
```
#edc107
```
#edc107 rgb(237,193,7)
```
#edd407
```
#edd407 rgb(237,212,7)
```
#ede707
```
#ede707 rgb(237,231,7)
```
#e0ed07
```
#e0ed07 rgb(224,237,7)
```

Similar Colors

Text with hexadecimal color #edc107

This text has a font color of #edc107.

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

#edc107 background color

This paragraph has a background color of #edc107.

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

#edc107 border color

This element has a border color of #edc107.

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

CSS codes

.text {color:#edc107;}

.background {background-color:#edc107;}

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

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

#080700
```
#080700 rgb(8,7,0)
```
#1b1601
```
#1b1601 rgb(27,22,1)
```
#2e2601
```
#2e2601 rgb(46,38,1)
```
#423502
```
#423502 rgb(66,53,2)
```
#554502
```
#554502 rgb(85,69,2)
```
#685403
```
#685403 rgb(104,84,3)
```
#7b6404
```
#7b6404 rgb(123,100,4)
```
#8e7304
```
#8e7304 rgb(142,115,4)
```
#a18305
```
#a18305 rgb(161,131,5)
```
#b49205
```
#b49205 rgb(180,146,5)
```
#c7a206
```
#c7a206 rgb(199,162,6)
```
#dab106
```
#dab106 rgb(218,177,6)
```
#edc107
```
#edc107 rgb(237,193,7)
```

Shade Color Variation

#f8cc10
```
#f8cc10 rgb(248,204,16)
```
#f8d023
```
#f8d023 rgb(248,208,35)
```
#f9d436
```
#f9d436 rgb(249,212,54)
```
#fad849
```
#fad849 rgb(250,216,73)
```
#fadc5c
```
#fadc5c rgb(250,220,92)
```
#fbe06f
```
#fbe06f rgb(251,224,111)
```
#fbe482
```
#fbe482 rgb(251,228,130)
```
#fce895
```
#fce895 rgb(252,232,149)
```
#fceca8
```
#fceca8 rgb(252,236,168)
```
#fdf0bb
```
#fdf0bb rgb(253,240,187)
```
#fef5ce
```
#fef5ce rgb(254,245,206)
```
#fef9e1
```
#fef9e1 rgb(254,249,225)
```
#fffdf4
```
#fffdf4 rgb(255,253,244)
```

Tint Color Variation

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

#7c7b78
```
#7c7b78 rgb(124,123,120)
```
#86816e
```
#86816e rgb(134,129,110)
```
#8f8765
```
#8f8765 rgb(143,135,101)
```
#998d5b
```
#998d5b rgb(153,141,91)
```
#a29352
```
#a29352 rgb(162,147,82)
```
#ab9849
```
#ab9849 rgb(171,152,73)
```
#b59e3f
```
#b59e3f rgb(181,158,63)
```
#bea436
```
#bea436 rgb(190,164,54)
```
#c7aa2d
```
#c7aa2d rgb(199,170,45)
```
#d1b023
```
#d1b023 rgb(209,176,35)
```
#dab51a
```
#dab51a rgb(218,181,26)
```
#e4bb10
```
#e4bb10 rgb(228,187,16)
```
#edc107
```
#edc107 rgb(237,193,7)
```

Tone Color Variation

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

Dichromacy

#e1c816 Protanopia 1% of men
#fabe1c Deuteranopia 1% of men
#f8b7c3 Tritanopia 0.001% of the population

Trichromacy

#e5c610 Protanomaly 1% of men, 0.01% of women
#f5bf14 Deuteranomaly 6% of men, 0.4% of women
#f4ba7f Tritanomaly 0.01% of the population

#edc107 hex color

#edc107 Color Information

#edc107 Color Conversion

Color Schemes with #edc107

Alternatives to #edc107

#edc107 Preview

Shades and Tints of #edc107

Tones of #edc107

Color Blindness Simulator