#ed681f hex color

In a RGB color space, hex #ed681f is composed of 92.9% red, 40.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 86.9% yellow and 7.1% black. It has a hue angle of 21.3 degrees, a saturation of 85.1% and a lightness of 52.5%. #ed681f color hex could be obtained by blending #ffd03e with #db0000. Closest websafe color is: #ff6633.

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

● #ed681f color description : Vivid orange.

The hexadecimal color #ed681f has RGB values of R:237, G:104, B:31 and CMYK values of C:0, M:0.56, Y:0.87, K:0.07. Its decimal value is 15558687.

Hex triplet	ed681f	`#ed681f`
RGB Decimal	237, 104, 31	`rgb(237,104,31)`
RGB Percent	92.9, 40.8, 12.2	`rgb(92.9%,40.8%,12.2%)`
CMYK	0, 56, 87, 7
HSL	21.3°, 85.1, 52.5	`hsl(21.3,85.1%,52.5%)`
HSV (or HSB)	21.3°, 86.9, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.896, 47.944, 61.252
XYZ	40.124, 28.008, 4.59
xyY	0.552, 0.385, 28.008
CIE-LCH	59.896, 77.784, 51.949
CIE-LUV	59.896, 109.596, 49.403
Hunter-Lab	52.923, 42.718, 31.904
Binary	11101101, 01101000, 00011111

#ed681f
```
#ed681f rgb(237,104,31)
```
#1fa4ed
```
#1fa4ed rgb(31,164,237)
```

Complementary Color

#ed1f3d
```
#ed1f3d rgb(237,31,61)
```
#ed681f
```
#ed681f rgb(237,104,31)
```
#edcf1f
```
#edcf1f rgb(237,207,31)
```

Analogous Color

#1f3ded
```
#1f3ded rgb(31,61,237)
```
#ed681f
```
#ed681f rgb(237,104,31)
```
#1fedcf
```
#1fedcf rgb(31,237,207)
```

Split Complementary Color

#681fed
```
#681fed rgb(104,31,237)
```
#ed681f
```
#ed681f rgb(237,104,31)
```
#1fed68
```
#1fed68 rgb(31,237,104)
```

Triadic Color

#ed1fa4
```
#ed1fa4 rgb(237,31,164)
```
#ed681f
```
#ed681f rgb(237,104,31)
```
#1fed68
```
#1fed68 rgb(31,237,104)
```
#1fa4ed
```
#1fa4ed rgb(31,164,237)
```

Tetradic Color

#b1480e
```
#b1480e rgb(177,72,14)
```
#c95210
```
#c95210 rgb(201,82,16)
```
#e05b12
```
#e05b12 rgb(224,91,18)
```
#ed681f
```
#ed681f rgb(237,104,31)
```
#ef7837
```
#ef7837 rgb(239,120,55)
```
#f1884e
```
#f1884e rgb(241,136,78)
```
#f39866
```
#f39866 rgb(243,152,102)
```

Monochromatic Color

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

#ed351f
```
#ed351f rgb(237,53,31)
```
#ed461f
```
#ed461f rgb(237,70,31)
```
#ed571f
```
#ed571f rgb(237,87,31)
```
#ed681f
```
#ed681f rgb(237,104,31)
```
#ed791f
```
#ed791f rgb(237,121,31)
```
#ed8a1f
```
#ed8a1f rgb(237,138,31)
```
#ed9c1f
```
#ed9c1f rgb(237,156,31)
```

Similar Colors

Text with hexadecimal color #ed681f

This text has a font color of #ed681f.

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

#ed681f background color

This paragraph has a background color of #ed681f.

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

#ed681f border color

This element has a border color of #ed681f.

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

CSS codes

.text {color:#ed681f;}

.background {background-color:#ed681f;}

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

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

#0c0501
```
#0c0501 rgb(12,5,1)
```
#1e0c02
```
#1e0c02 rgb(30,12,2)
```
#301404
```
#301404 rgb(48,20,4)
```
#431b05
```
#431b05 rgb(67,27,5)
```
#552207
```
#552207 rgb(85,34,7)
```
#672a08
```
#672a08 rgb(103,42,8)
```
#79310a
```
#79310a rgb(121,49,10)
```
#8b390b
```
#8b390b rgb(139,57,11)
```
#9d400d
```
#9d400d rgb(157,64,13)
```
#af470e
```
#af470e rgb(175,71,14)
```
#c24f10
```
#c24f10 rgb(194,79,16)
```
#d45611
```
#d45611 rgb(212,86,17)
```
#e65d12
```
#e65d12 rgb(230,93,18)
```

Shade Color Variation

#ed681f
```
#ed681f rgb(237,104,31)
```
#ee7431
```
#ee7431 rgb(238,116,49)
```
#f08043
```
#f08043 rgb(240,128,67)
```
#f18d55
```
#f18d55 rgb(241,141,85)
```
#f39968
```
#f39968 rgb(243,153,104)
```
#f4a57a
```
#f4a57a rgb(244,165,122)
```
#f6b18c
```
#f6b18c rgb(246,177,140)
```
#f7be9e
```
#f7be9e rgb(247,190,158)
```
#f9cab0
```
#f9cab0 rgb(249,202,176)
```
#fad6c2
```
#fad6c2 rgb(250,214,194)
```
#fce2d5
```
#fce2d5 rgb(252,226,213)
```
#fdefe7
```
#fdefe7 rgb(253,239,231)
```
#fffbf9
```
#fffbf9 rgb(255,251,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 #f66516 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#90837c
```
#90837c rgb(144,131,124)
```
#998073
```
#998073 rgb(153,128,115)
```
#a37e69
```
#a37e69 rgb(163,126,105)
```
#ac7b60
```
#ac7b60 rgb(172,123,96)
```
#b57857
```
#b57857 rgb(181,120,87)
```
#be764e
```
#be764e rgb(190,118,78)
```
#c87344
```
#c87344 rgb(200,115,68)
```
#d1703b
```
#d1703b rgb(209,112,59)
```
#da6d32
```
#da6d32 rgb(218,109,50)
```
#e46b28
```
#e46b28 rgb(228,107,40)
```
#ed681f
```
#ed681f rgb(237,104,31)
```
#f66516
```
#f66516 rgb(246,101,22)
```

Tone Color Variation

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

Dichromacy

#a79634 Protanopia 1% of men
#bb8e17 Deuteranopia 1% of men
#f0696f Tritanopia 0.001% of the population

Trichromacy

#c0852c Protanomaly 1% of men, 0.01% of women
#cd801a Deuteranomaly 6% of men, 0.4% of women
#ef6852 Tritanomaly 0.01% of the population

#ed681f hex color

#ed681f Color Information

#ed681f Color Conversion

Color Schemes with #ed681f

Alternatives to #ed681f

#ed681f Preview

Shades and Tints of #ed681f

Tones of #ed681f

Color Blindness Simulator