#edc61f hex color

In a RGB color space, hex #edc61f is composed of 92.9% red, 77.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 86.9% yellow and 7.1% black. It has a hue angle of 48.6 degrees, a saturation of 85.1% and a lightness of 52.5%. #edc61f color hex could be obtained by blending #ffff3e with #db8d00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 93
- G 78
- B 12
RGB color chart
- C 0
- M 16
- Y 87
- K 7
CMYK color chart

● #edc61f color description : Vivid yellow.

The hexadecimal color #edc61f has RGB values of R:237, G:198, B:31 and CMYK values of C:0, M:0.16, Y:0.87, K:0.07. Its decimal value is 15582751.

Hex triplet	edc61f	`#edc61f`
RGB Decimal	237, 198, 31	`rgb(237,198,31)`
RGB Percent	92.9, 77.6, 12.2	`rgb(92.9%,77.6%,12.2%)`
CMYK	0, 16, 87, 7
HSL	48.6°, 85.1, 52.5	`hsl(48.6,85.1%,52.5%)`
HSV (or HSB)	48.6°, 86.9, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.013, -0.576, 78.03
XYZ	55.367, 58.494, 9.67
xyY	0.448, 0.474, 58.494
CIE-LCH	81.013, 78.032, 90.423
CIE-LUV	81.013, 34.152, 83.226
Hunter-Lab	76.481, -4.621, 46.04
Binary	11101101, 11000110, 00011111

#edc61f
```
#edc61f rgb(237,198,31)
```
#1f46ed
```
#1f46ed rgb(31,70,237)
```

Complementary Color

#ed5f1f
```
#ed5f1f rgb(237,95,31)
```
#edc61f
```
#edc61f rgb(237,198,31)
```
#aded1f
```
#aded1f rgb(173,237,31)
```

Analogous Color

#5f1fed
```
#5f1fed rgb(95,31,237)
```
#edc61f
```
#edc61f rgb(237,198,31)
```
#1faded
```
#1faded rgb(31,173,237)
```

Split Complementary Color

#c61fed
```
#c61fed rgb(198,31,237)
```
#edc61f
```
#edc61f rgb(237,198,31)
```
#1fedc6
```
#1fedc6 rgb(31,237,198)
```

Triadic Color

#ed1f46
```
#ed1f46 rgb(237,31,70)
```
#edc61f
```
#edc61f rgb(237,198,31)
```
#1fedc6
```
#1fedc6 rgb(31,237,198)
```
#1f46ed
```
#1f46ed rgb(31,70,237)
```

Tetradic Color

#b1920e
```
#b1920e rgb(177,146,14)
```
#c9a610
```
#c9a610 rgb(201,166,16)
```
#e0b912
```
#e0b912 rgb(224,185,18)
```
#edc61f
```
#edc61f rgb(237,198,31)
```
#efcc37
```
#efcc37 rgb(239,204,55)
```
#f1d24e
```
#f1d24e rgb(241,210,78)
```
#f3d866
```
#f3d866 rgb(243,216,102)
```

Monochromatic Color

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

#ed931f
```
#ed931f rgb(237,147,31)
```
#eda41f
```
#eda41f rgb(237,164,31)
```
#edb51f
```
#edb51f rgb(237,181,31)
```
#edc61f
```
#edc61f rgb(237,198,31)
```
#edd71f
```
#edd71f rgb(237,215,31)
```
#ede81f
```
#ede81f rgb(237,232,31)
```
#e1ed1f
```
#e1ed1f rgb(225,237,31)
```

Similar Colors

Text with hexadecimal color #edc61f

This text has a font color of #edc61f.

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

#edc61f background color

This paragraph has a background color of #edc61f.

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

#edc61f border color

This element has a border color of #edc61f.

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

CSS codes

.text {color:#edc61f;}

.background {background-color:#edc61f;}

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

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

#0c0a01
```
#0c0a01 rgb(12,10,1)
```
#1e1902
```
#1e1902 rgb(30,25,2)
```
#302804
```
#302804 rgb(48,40,4)
```
#433705
```
#433705 rgb(67,55,5)
```
#554607
```
#554607 rgb(85,70,7)
```
#675508
```
#675508 rgb(103,85,8)
```
#79640a
```
#79640a rgb(121,100,10)
```
#8b730b
```
#8b730b rgb(139,115,11)
```
#9d820d
```
#9d820d rgb(157,130,13)
```
#af910e
```
#af910e rgb(175,145,14)
```
#c2a010
```
#c2a010 rgb(194,160,16)
```
#d4af11
```
#d4af11 rgb(212,175,17)
```
#e6be12
```
#e6be12 rgb(230,190,18)
```

Shade Color Variation

#edc61f
```
#edc61f rgb(237,198,31)
```
#eecb31
```
#eecb31 rgb(238,203,49)
```
#f0cf43
```
#f0cf43 rgb(240,207,67)
```
#f1d455
```
#f1d455 rgb(241,212,85)
```
#f3d868
```
#f3d868 rgb(243,216,104)
```
#f4dd7a
```
#f4dd7a rgb(244,221,122)
```
#f6e28c
```
#f6e28c rgb(246,226,140)
```
#f7e69e
```
#f7e69e rgb(247,230,158)
```
#f9ebb0
```
#f9ebb0 rgb(249,235,176)
```
#faf0c2
```
#faf0c2 rgb(250,240,194)
```
#fcf4d5
```
#fcf4d5 rgb(252,244,213)
```
#fdf9e7
```
#fdf9e7 rgb(253,249,231)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#878685
```
#878685 rgb(135,134,133)
```
#908c7c
```
#908c7c rgb(144,140,124)
```
#999273
```
#999273 rgb(153,146,115)
```
#a39869
```
#a39869 rgb(163,152,105)
```
#ac9e60
```
#ac9e60 rgb(172,158,96)
```
#b5a357
```
#b5a357 rgb(181,163,87)
```
#bea94e
```
#bea94e rgb(190,169,78)
```
#c8af44
```
#c8af44 rgb(200,175,68)
```
#d1b53b
```
#d1b53b rgb(209,181,59)
```
#daba32
```
#daba32 rgb(218,186,50)
```
#e4c028
```
#e4c028 rgb(228,192,40)
```
#edc61f
```
#edc61f rgb(237,198,31)
```
#f6cc16
```
#f6cc16 rgb(246,204,22)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c8c09f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc2b Protanopia 1% of men
#fec22f Deuteranopia 1% of men
#f8bbc8 Tritanopia 0.001% of the population

Trichromacy

#e7ca27 Protanomaly 1% of men, 0.01% of women
#f8c329 Deuteranomaly 6% of men, 0.4% of women
#f4bf8b Tritanomaly 0.01% of the population

#edc61f hex color

#edc61f Color Information

#edc61f Color Conversion

Color Schemes with #edc61f

Alternatives to #edc61f

#edc61f Preview

Shades and Tints of #edc61f

Tones of #edc61f

Color Blindness Simulator