#edd316 hex color

In a RGB color space, hex #edd316 is composed of 92.9% red, 82.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11% magenta, 90.7% yellow and 7.1% black. It has a hue angle of 52.7 degrees, a saturation of 85.7% and a lightness of 50.8%. #edd316 color hex could be obtained by blending #ffff2c with #dba700. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 93
- G 83
- B 9
RGB color chart
- C 0
- M 11
- Y 91
- K 7
CMYK color chart

● #edd316 color description : Vivid yellow.

The hexadecimal color #edd316 has RGB values of R:237, G:211, B:22 and CMYK values of C:0, M:0.11, Y:0.91, K:0.07. Its decimal value is 15586070.

Hex triplet	edd316	`#edd316`
RGB Decimal	237, 211, 22	`rgb(237,211,22)`
RGB Percent	92.9, 82.7, 8.6	`rgb(92.9%,82.7%,8.6%)`
CMYK	0, 11, 91, 7
HSL	52.7°, 85.7, 50.8	`hsl(52.7,85.7%,50.8%)`
HSV (or HSB)	52.7°, 90.7, 92.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	84.305, -7.362, 82.213
XYZ	58.365, 64.653, 10.164
xyY	0.438, 0.485, 64.653
CIE-LCH	84.305, 82.542, 95.117
CIE-LUV	84.305, 24.862, 89.105
Hunter-Lab	80.407, -11.145, 48.79
Binary	11101101, 11010011, 00010110

#edd316
```
#edd316 rgb(237,211,22)
```
#1630ed
```
#1630ed rgb(22,48,237)
```

Complementary Color

#ed6816
```
#ed6816 rgb(237,104,22)
```
#edd316
```
#edd316 rgb(237,211,22)
```
#9ced16
```
#9ced16 rgb(156,237,22)
```

Analogous Color

#6816ed
```
#6816ed rgb(104,22,237)
```
#edd316
```
#edd316 rgb(237,211,22)
```
#169ced
```
#169ced rgb(22,156,237)
```

Split Complementary Color

#d316ed
```
#d316ed rgb(211,22,237)
```
#edd316
```
#edd316 rgb(237,211,22)
```
#16edd3
```
#16edd3 rgb(22,237,211)
```

Triadic Color

#ed1630
```
#ed1630 rgb(237,22,48)
```
#edd316
```
#edd316 rgb(237,211,22)
```
#16edd3
```
#16edd3 rgb(22,237,211)
```
#1630ed
```
#1630ed rgb(22,48,237)
```

Tetradic Color

#a9970d
```
#a9970d rgb(169,151,13)
```
#c1ac0f
```
#c1ac0f rgb(193,172,15)
```
#d9c111
```
#d9c111 rgb(217,193,17)
```
#edd316
```
#edd316 rgb(237,211,22)
```
#efd72e
```
#efd72e rgb(239,215,46)
```
#f1dc45
```
#f1dc45 rgb(241,220,69)
```
#f2e05d
```
#f2e05d rgb(242,224,93)
```

Monochromatic Color

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

#ed9d16
```
#ed9d16 rgb(237,157,22)
```
#edaf16
```
#edaf16 rgb(237,175,22)
```
#edc116
```
#edc116 rgb(237,193,22)
```
#edd316
```
#edd316 rgb(237,211,22)
```
#ede516
```
#ede516 rgb(237,229,22)
```
#e3ed16
```
#e3ed16 rgb(227,237,22)
```
#d1ed16
```
#d1ed16 rgb(209,237,22)
```

Similar Colors

Text with hexadecimal color #edd316

This text has a font color of #edd316.

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

#edd316 background color

This paragraph has a background color of #edd316.

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

#edd316 border color

This element has a border color of #edd316.

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

CSS codes

.text {color:#edd316;}

.background {background-color:#edd316;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#161302
```
#161302 rgb(22,19,2)
```
#282403
```
#282403 rgb(40,36,3)
```
#3a3405
```
#3a3405 rgb(58,52,5)
```
#4d4406
```
#4d4406 rgb(77,68,6)
```
#5f5407
```
#5f5407 rgb(95,84,7)
```
#716409
```
#716409 rgb(113,100,9)
```
#83750a
```
#83750a rgb(131,117,10)
```
#95850c
```
#95850c rgb(149,133,12)
```
#a8950d
```
#a8950d rgb(168,149,13)
```
#baa50e
```
#baa50e rgb(186,165,14)
```
#ccb510
```
#ccb510 rgb(204,181,16)
```
#dec511
```
#dec511 rgb(222,197,17)
```

Shade Color Variation

#edd316
```
#edd316 rgb(237,211,22)
```
#eed628
```
#eed628 rgb(238,214,40)
```
#f0da3a
```
#f0da3a rgb(240,218,58)
```
#f1dd4d
```
#f1dd4d rgb(241,221,77)
```
#f3e15f
```
#f3e15f rgb(243,225,95)
```
#f4e471
```
#f4e471 rgb(244,228,113)
```
#f5e883
```
#f5e883 rgb(245,232,131)
```
#f7eb95
```
#f7eb95 rgb(247,235,149)
```
#f8efa8
```
#f8efa8 rgb(248,239,168)
```
#faf2ba
```
#faf2ba rgb(250,242,186)
```
#fbf5cc
```
#fbf5cc rgb(251,245,204)
```
#fcf9de
```
#fcf9de rgb(252,249,222)
```
#fefcf1
```
#fefcf1 rgb(254,252,241)
```

Tint Color Variation

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

#838280
```
#838280 rgb(131,130,128)
```
#8c8a77
```
#8c8a77 rgb(140,138,119)
```
#96916d
```
#96916d rgb(150,145,109)
```
#a09863
```
#a09863 rgb(160,152,99)
```
#a9a05a
```
#a9a05a rgb(169,160,90)
```
#b3a750
```
#b3a750 rgb(179,167,80)
```
#bdae46
```
#bdae46 rgb(189,174,70)
```
#c6b63d
```
#c6b63d rgb(198,182,61)
```
#d0bd33
```
#d0bd33 rgb(208,189,51)
```
#dac429
```
#dac429 rgb(218,196,41)
```
#e3cc20
```
#e3cc20 rgb(227,204,32)
```
#edd316
```
#edd316 rgb(237,211,22)
```
#f7da0c
```
#f7da0c rgb(247,218,12)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cdc8a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed522 Protanopia 1% of men
#ffcc75 Deuteranopia 1% of men
#fac7d5 Tritanopia 0.001% of the population

Trichromacy

#edd41d Protanomaly 1% of men, 0.01% of women
#f8cf52 Deuteranomaly 6% of men, 0.4% of women
#f5cb8f Tritanomaly 0.01% of the population

#edd316 hex color

#edd316 Color Information

#edd316 Color Conversion

Color Schemes with #edd316

Alternatives to #edd316

#edd316 Preview

Shades and Tints of #edd316

Tones of #edd316

Color Blindness Simulator