#edc03f hex color

In a RGB color space, hex #edc03f is composed of 92.9% red, 75.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 73.4% yellow and 7.1% black. It has a hue angle of 44.5 degrees, a saturation of 82.9% and a lightness of 58.8%. #edc03f color hex could be obtained by blending #ffff7e with #db8100. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 93
- G 75
- B 25
RGB color chart
- C 0
- M 19
- Y 73
- K 7
CMYK color chart

● #edc03f color description : Bright orange.

The hexadecimal color #edc03f has RGB values of R:237, G:192, B:63 and CMYK values of C:0, M:0.19, Y:0.73, K:0.07. Its decimal value is 15581247.

Hex triplet	edc03f	`#edc03f`
RGB Decimal	237, 192, 63	`rgb(237,192,63)`
RGB Percent	92.9, 75.3, 24.7	`rgb(92.9%,75.3%,24.7%)`
CMYK	0, 19, 73, 7
HSL	44.5°, 82.9, 58.8	`hsl(44.5,82.9%,58.8%)`
HSV (or HSB)	44.5°, 73.4, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	79.651, 3.54, 67.339
XYZ	54.673, 56.065, 12.644
xyY	0.443, 0.454, 56.065
CIE-LCH	79.651, 67.432, 86.991
CIE-LUV	79.651, 37.7, 74.706
Hunter-Lab	74.877, -0.699, 42.401
Binary	11101101, 11000000, 00111111

#edc03f
```
#edc03f rgb(237,192,63)
```
#3f6ced
```
#3f6ced rgb(63,108,237)
```

Complementary Color

#ed693f
```
#ed693f rgb(237,105,63)
```
#edc03f
```
#edc03f rgb(237,192,63)
```
#c3ed3f
```
#c3ed3f rgb(195,237,63)
```

Analogous Color

#693fed
```
#693fed rgb(105,63,237)
```
#edc03f
```
#edc03f rgb(237,192,63)
```
#3fc3ed
```
#3fc3ed rgb(63,195,237)
```

Split Complementary Color

#c03fed
```
#c03fed rgb(192,63,237)
```
#edc03f
```
#edc03f rgb(237,192,63)
```
#3fedc0
```
#3fedc0 rgb(63,237,192)
```

Triadic Color

#ed3f6c
```
#ed3f6c rgb(237,63,108)
```
#edc03f
```
#edc03f rgb(237,192,63)
```
#3fedc0
```
#3fedc0 rgb(63,237,192)
```
#3f6ced
```
#3f6ced rgb(63,108,237)
```

Tetradic Color

#cc9c13
```
#cc9c13 rgb(204,156,19)
```
#e4ae15
```
#e4ae15 rgb(228,174,21)
```
#ebb828
```
#ebb828 rgb(235,184,40)
```
#edc03f
```
#edc03f rgb(237,192,63)
```
#efc856
```
#efc856 rgb(239,200,86)
```
#f1cf6e
```
#f1cf6e rgb(241,207,110)
```
#f4d785
```
#f4d785 rgb(244,215,133)
```

Monochromatic Color

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

#ed953f
```
#ed953f rgb(237,149,63)
```
#eda33f
```
#eda33f rgb(237,163,63)
```
#edb23f
```
#edb23f rgb(237,178,63)
```
#edc03f
```
#edc03f rgb(237,192,63)
```
#edcf3f
```
#edcf3f rgb(237,207,63)
```
#eddd3f
```
#eddd3f rgb(237,221,63)
```
#edec3f
```
#edec3f rgb(237,236,63)
```

Similar Colors

Text with hexadecimal color #edc03f

This text has a font color of #edc03f.

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

#edc03f background color

This paragraph has a background color of #edc03f.

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

#edc03f border color

This element has a border color of #edc03f.

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

CSS codes

.text {color:#edc03f;}

.background {background-color:#edc03f;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#171202
```
#171202 rgb(23,18,2)
```
#292004
```
#292004 rgb(41,32,4)
```
#3b2d06
```
#3b2d06 rgb(59,45,6)
```
#4d3b07
```
#4d3b07 rgb(77,59,7)
```
#5f4909
```
#5f4909 rgb(95,73,9)
```
#71560b
```
#71560b rgb(113,86,11)
```
#83640c
```
#83640c rgb(131,100,12)
```
#95720e
```
#95720e rgb(149,114,14)
```
#a78010
```
#a78010 rgb(167,128,16)
```
#b98d11
```
#b98d11 rgb(185,141,17)
```
#cb9b13
```
#cb9b13 rgb(203,155,19)
```
#dca915
```
#dca915 rgb(220,169,21)
```

Shade Color Variation

#eab41b
```
#eab41b rgb(234,180,27)
```
#ebba2d
```
#ebba2d rgb(235,186,45)
```
#edc03f
```
#edc03f rgb(237,192,63)
```
#efc651
```
#efc651 rgb(239,198,81)
```
#f0cc63
```
#f0cc63 rgb(240,204,99)
```
#f2d275
```
#f2d275 rgb(242,210,117)
```
#f4d887
```
#f4d887 rgb(244,216,135)
```
#f5dd99
```
#f5dd99 rgb(245,221,153)
```
#f7e3ab
```
#f7e3ab rgb(247,227,171)
```
#f9e9bd
```
#f9e9bd rgb(249,233,189)
```
#faefce
```
#faefce rgb(250,239,206)
```
#fcf5e0
```
#fcf5e0 rgb(252,245,224)
```
#fefbf2
```
#fefbf2 rgb(254,251,242)
```

Tint Color Variation

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

#9c9990
```
#9c9990 rgb(156,153,144)
```
#a49d88
```
#a49d88 rgb(164,157,136)
```
#aca180
```
#aca180 rgb(172,161,128)
```
#b4a578
```
#b4a578 rgb(180,165,120)
```
#bda96f
```
#bda96f rgb(189,169,111)
```
#c5ad67
```
#c5ad67 rgb(197,173,103)
```
#cdb05f
```
#cdb05f rgb(205,176,95)
```
#d5b457
```
#d5b457 rgb(213,180,87)
```
#ddb84f
```
#ddb84f rgb(221,184,79)
```
#e5bc47
```
#e5bc47 rgb(229,188,71)
```
#edc03f
```
#edc03f rgb(237,192,63)
```
#f5c437
```
#f5c437 rgb(245,196,55)
```
#fdc82f
```
#fdc82f rgb(253,200,47)
```

Tone Color Variation

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

Dichromacy

#dfc84a Protanopia 1% of men
#f8bf4a Deuteranopia 1% of men
#f7b7c4 Tritanopia 0.001% of the population

Trichromacy

#e4c546 Protanomaly 1% of men, 0.01% of women
#f4bf46 Deuteranomaly 6% of men, 0.4% of women
#f3ba93 Tritanomaly 0.01% of the population

#edc03f hex color

#edc03f Color Information

#edc03f Color Conversion

Color Schemes with #edc03f

Alternatives to #edc03f

#edc03f Preview

Shades and Tints of #edc03f

Tones of #edc03f

Color Blindness Simulator