#ed6c04 hex color

In a RGB color space, hex #ed6c04 is composed of 92.9% red, 42.4% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.4% magenta, 98.3% yellow and 7.1% black. It has a hue angle of 26.8 degrees, a saturation of 96.7% and a lightness of 47.3%. #ed6c04 color hex could be obtained by blending #ffd808 with #db0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 93
- G 42
- B 2
RGB color chart
- C 0
- M 54
- Y 98
- K 7
CMYK color chart

● #ed6c04 color description : Vivid orange.

The hexadecimal color #ed6c04 has RGB values of R:237, G:108, B:4 and CMYK values of C:0, M:0.54, Y:0.98, K:0.07. Its decimal value is 15559684.

Hex triplet	ed6c04	`#ed6c04`
RGB Decimal	237, 108, 4	`rgb(237,108,4)`
RGB Percent	92.9, 42.4, 1.6	`rgb(92.9%,42.4%,1.6%)`
CMYK	0, 54, 98, 7
HSL	26.8°, 96.7, 47.3	`hsl(26.8,96.7%,47.3%)`
HSV (or HSB)	26.8°, 98.3, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.554, 45.691, 68.156
XYZ	40.311, 28.743, 3.54
xyY	0.555, 0.396, 28.743
CIE-LCH	60.554, 82.054, 56.163
CIE-LUV	60.554, 107.567, 53.744
Hunter-Lab	53.612, 40.394, 33.614
Binary	11101101, 01101100, 00000100

#ed6c04
```
#ed6c04 rgb(237,108,4)
```
#0485ed
```
#0485ed rgb(4,133,237)
```

Complementary Color

#ed0410
```
#ed0410 rgb(237,4,16)
```
#ed6c04
```
#ed6c04 rgb(237,108,4)
```
#ede104
```
#ede104 rgb(237,225,4)
```

Analogous Color

#0410ed
```
#0410ed rgb(4,16,237)
```
#ed6c04
```
#ed6c04 rgb(237,108,4)
```
#04ede1
```
#04ede1 rgb(4,237,225)
```

Split Complementary Color

#6c04ed
```
#6c04ed rgb(108,4,237)
```
#ed6c04
```
#ed6c04 rgb(237,108,4)
```
#04ed6c
```
#04ed6c rgb(4,237,108)
```

Triadic Color

#ed0485
```
#ed0485 rgb(237,4,133)
```
#ed6c04
```
#ed6c04 rgb(237,108,4)
```
#04ed6c
```
#04ed6c rgb(4,237,108)
```
#0485ed
```
#0485ed rgb(4,133,237)
```

Tetradic Color

#a24a03
```
#a24a03 rgb(162,74,3)
```
#bb5503
```
#bb5503 rgb(187,85,3)
```
#d46104
```
#d46104 rgb(212,97,4)
```
#ed6c04
```
#ed6c04 rgb(237,108,4)
```
#fb7910
```
#fb7910 rgb(251,121,16)
```
#fb8729
```
#fb8729 rgb(251,135,41)
```
#fc9542
```
#fc9542 rgb(252,149,66)
```

Monochromatic Color

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

#ed3204
```
#ed3204 rgb(237,50,4)
```
#ed4504
```
#ed4504 rgb(237,69,4)
```
#ed5904
```
#ed5904 rgb(237,89,4)
```
#ed6c04
```
#ed6c04 rgb(237,108,4)
```
#ed7f04
```
#ed7f04 rgb(237,127,4)
```
#ed9304
```
#ed9304 rgb(237,147,4)
```
#eda604
```
#eda604 rgb(237,166,4)
```

Similar Colors

Text with hexadecimal color #ed6c04

This text has a font color of #ed6c04.

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

#ed6c04 background color

This paragraph has a background color of #ed6c04.

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

#ed6c04 border color

This element has a border color of #ed6c04.

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

CSS codes

.text {color:#ed6c04;}

.background {background-color:#ed6c04;}

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

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

#060300
```
#060300 rgb(6,3,0)
```
#190b00
```
#190b00 rgb(25,11,0)
```
#2c1401
```
#2c1401 rgb(44,20,1)
```
#3f1d01
```
#3f1d01 rgb(63,29,1)
```
#532601
```
#532601 rgb(83,38,1)
```
#662e02
```
#662e02 rgb(102,46,2)
```
#793702
```
#793702 rgb(121,55,2)
```
#8d4002
```
#8d4002 rgb(141,64,2)
```
#a04903
```
#a04903 rgb(160,73,3)
```
#b35203
```
#b35203 rgb(179,82,3)
```
#c65a03
```
#c65a03 rgb(198,90,3)
```
#da6304
```
#da6304 rgb(218,99,4)
```
#ed6c04
```
#ed6c04 rgb(237,108,4)
```

Shade Color Variation

#fb750a
```
#fb750a rgb(251,117,10)
```
#fb801d
```
#fb801d rgb(251,128,29)
```
#fc8b30
```
#fc8b30 rgb(252,139,48)
```
#fc9644
```
#fc9644 rgb(252,150,68)
```
#fca157
```
#fca157 rgb(252,161,87)
```
#fcab6a
```
#fcab6a rgb(252,171,106)
```
#fdb67d
```
#fdb67d rgb(253,182,125)
```
#fdc191
```
#fdc191 rgb(253,193,145)
```
#fdcca4
```
#fdcca4 rgb(253,204,164)
```
#fed7b7
```
#fed7b7 rgb(254,215,183)
```
#fee2cb
```
#fee2cb rgb(254,226,203)
```
#feecde
```
#feecde rgb(254,236,222)
```
#fff7f1
```
#fff7f1 rgb(255,247,241)
```

Tint Color Variation

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

#7e7873
```
#7e7873 rgb(126,120,115)
```
#87776a
```
#87776a rgb(135,119,106)
```
#907661
```
#907661 rgb(144,118,97)
```
#9a7557
```
#9a7557 rgb(154,117,87)
```
#a3744e
```
#a3744e rgb(163,116,78)
```
#ac7345
```
#ac7345 rgb(172,115,69)
```
#b5723c
```
#b5723c rgb(181,114,60)
```
#bf7132
```
#bf7132 rgb(191,113,50)
```
#c87029
```
#c87029 rgb(200,112,41)
```
#d16f20
```
#d16f20 rgb(209,111,32)
```
#da6e17
```
#da6e17 rgb(218,110,23)
```
#e46d0d
```
#e46d0d rgb(228,109,13)
```
#ed6c04
```
#ed6c04 rgb(237,108,4)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9b826d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa981c Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#f06c72 Tritanopia 0.001% of the population

Trichromacy

#c28813 Protanomaly 1% of men, 0.01% of women
#ce8301 Deuteranomaly 6% of men, 0.4% of women
#ef6c4a Tritanomaly 0.01% of the population

#ed6c04 hex color

#ed6c04 Color Information

#ed6c04 Color Conversion

Color Schemes with #ed6c04

Alternatives to #ed6c04

#ed6c04 Preview

Shades and Tints of #ed6c04

Tones of #ed6c04

Color Blindness Simulator