#edc31a hex color

In a RGB color space, hex #edc31a is composed of 92.9% red, 76.5% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.7% magenta, 89% yellow and 7.1% black. It has a hue angle of 48.1 degrees, a saturation of 85.4% and a lightness of 51.6%. #edc31a color hex could be obtained by blending #ffff34 with #db8700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 93
- G 76
- B 10
RGB color chart
- C 0
- M 18
- Y 89
- K 7
CMYK color chart

● #edc31a color description : Vivid yellow.

The hexadecimal color #edc31a has RGB values of R:237, G:195, B:26 and CMYK values of C:0, M:0.18, Y:0.89, K:0.07. Its decimal value is 15581978.

Hex triplet	edc31a	`#edc31a`
RGB Decimal	237, 195, 26	`rgb(237,195,26)`
RGB Percent	92.9, 76.5, 10.2	`rgb(92.9%,76.5%,10.2%)`
CMYK	0, 18, 89, 7
HSL	48.1°, 85.4, 51.6	`hsl(48.1,85.4%,51.6%)`
HSV (or HSB)	48.1°, 89, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	80.242, 0.876, 78.417
XYZ	54.627, 57.112, 9.124
xyY	0.452, 0.473, 57.112
CIE-LCH	80.242, 78.422, 89.36
CIE-LUV	80.242, 36.454, 82.67
Hunter-Lab	75.572, -3.223, 45.743
Binary	11101101, 11000011, 00011010

#edc31a
```
#edc31a rgb(237,195,26)
```
#1a44ed
```
#1a44ed rgb(26,68,237)
```

Complementary Color

#ed591a
```
#ed591a rgb(237,89,26)
```
#edc31a
```
#edc31a rgb(237,195,26)
```
#aeed1a
```
#aeed1a rgb(174,237,26)
```

Analogous Color

#5a1aed
```
#5a1aed rgb(90,26,237)
```
#edc31a
```
#edc31a rgb(237,195,26)
```
#1aaeed
```
#1aaeed rgb(26,174,237)
```

Split Complementary Color

#c31aed
```
#c31aed rgb(195,26,237)
```
#edc31a
```
#edc31a rgb(237,195,26)
```
#1aedc3
```
#1aedc3 rgb(26,237,195)
```

Triadic Color

#ed1a44
```
#ed1a44 rgb(237,26,68)
```
#edc31a
```
#edc31a rgb(237,195,26)
```
#1aedc3
```
#1aedc3 rgb(26,237,195)
```
#1a44ed
```
#1a44ed rgb(26,68,237)
```

Tetradic Color

#ad8d0e
```
#ad8d0e rgb(173,141,14)
```
#c5a10f
```
#c5a10f rgb(197,161,15)
```
#dcb411
```
#dcb411 rgb(220,180,17)
```
#edc31a
```
#edc31a rgb(237,195,26)
```
#efc932
```
#efc932 rgb(239,201,50)
```
#f1cf49
```
#f1cf49 rgb(241,207,73)
```
#f3d661
```
#f3d661 rgb(243,214,97)
```

Monochromatic Color

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

#ed8e1a
```
#ed8e1a rgb(237,142,26)
```
#eda01a
```
#eda01a rgb(237,160,26)
```
#edb11a
```
#edb11a rgb(237,177,26)
```
#edc31a
```
#edc31a rgb(237,195,26)
```
#edd51a
```
#edd51a rgb(237,213,26)
```
#ede61a
```
#ede61a rgb(237,230,26)
```
#e2ed1a
```
#e2ed1a rgb(226,237,26)
```

Similar Colors

Text with hexadecimal color #edc31a

This text has a font color of #edc31a.

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

#edc31a background color

This paragraph has a background color of #edc31a.

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

#edc31a border color

This element has a border color of #edc31a.

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

CSS codes

.text {color:#edc31a;}

.background {background-color:#edc31a;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#1a1502
```
#1a1502 rgb(26,21,2)
```
#2c2403
```
#2c2403 rgb(44,36,3)
```
#3e3305
```
#3e3305 rgb(62,51,5)
```
#504106
```
#504106 rgb(80,65,6)
```
#625008
```
#625008 rgb(98,80,8)
```
#755f09
```
#755f09 rgb(117,95,9)
```
#876e0b
```
#876e0b rgb(135,110,11)
```
#997d0c
```
#997d0c rgb(153,125,12)
```
#ab8c0d
```
#ab8c0d rgb(171,140,13)
```
#bd9b0f
```
#bd9b0f rgb(189,155,15)
```
#cfa910
```
#cfa910 rgb(207,169,16)
```
#e2b812
```
#e2b812 rgb(226,184,18)
```

Shade Color Variation

#edc31a
```
#edc31a rgb(237,195,26)
```
#eec82c
```
#eec82c rgb(238,200,44)
```
#f0cd3e
```
#f0cd3e rgb(240,205,62)
```
#f1d151
```
#f1d151 rgb(241,209,81)
```
#f3d663
```
#f3d663 rgb(243,214,99)
```
#f4db75
```
#f4db75 rgb(244,219,117)
```
#f6e087
```
#f6e087 rgb(246,224,135)
```
#f7e499
```
#f7e499 rgb(247,228,153)
```
#f8e9ab
```
#f8e9ab rgb(248,233,171)
```
#faeebe
```
#faeebe rgb(250,238,190)
```
#fbf3d0
```
#fbf3d0 rgb(251,243,208)
```
#fdf7e2
```
#fdf7e2 rgb(253,247,226)
```
#fefcf4
```
#fefcf4 rgb(254,252,244)
```

Tint Color Variation

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

#858483
```
#858483 rgb(133,132,131)
```
#8e8a79
```
#8e8a79 rgb(142,138,121)
```
#989070
```
#989070 rgb(152,144,112)
```
#a19566
```
#a19566 rgb(161,149,102)
```
#ab9b5d
```
#ab9b5d rgb(171,155,93)
```
#b4a153
```
#b4a153 rgb(180,161,83)
```
#bea64a
```
#bea64a rgb(190,166,74)
```
#c7ac40
```
#c7ac40 rgb(199,172,64)
```
#d1b237
```
#d1b237 rgb(209,178,55)
```
#dab82d
```
#dab82d rgb(218,184,45)
```
#e4bd24
```
#e4bd24 rgb(228,189,36)
```
#edc31a
```
#edc31a rgb(237,195,26)
```
#f7c911
```
#f7c911 rgb(247,201,17)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c6bd9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ca27 Protanopia 1% of men
#fcc02b Deuteranopia 1% of men
#f8b9c5 Tritanopia 0.001% of the population

Trichromacy

#e6c722 Protanomaly 1% of men, 0.01% of women
#f6c124 Deuteranomaly 6% of men, 0.4% of women
#f4bc87 Tritanomaly 0.01% of the population

#edc31a hex color

#edc31a Color Information

#edc31a Color Conversion

Color Schemes with #edc31a

Alternatives to #edc31a

#edc31a Preview

Shades and Tints of #edc31a

Tones of #edc31a

Color Blindness Simulator