#ed6c1a hex color

In a RGB color space, hex #ed6c1a is composed of 92.9% red, 42.4% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.4% magenta, 89% yellow and 7.1% black. It has a hue angle of 23.3 degrees, a saturation of 85.4% and a lightness of 51.6%. #ed6c1a color hex could be obtained by blending #ffd834 with #db0000. Closest websafe color is: #ff6633.

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

● #ed6c1a color description : Vivid orange.

The hexadecimal color #ed6c1a has RGB values of R:237, G:108, B:26 and CMYK values of C:0, M:0.54, Y:0.89, K:0.07. Its decimal value is 15559706.

Hex triplet	ed6c1a	`#ed6c1a`
RGB Decimal	237, 108, 26	`rgb(237,108,26)`
RGB Percent	92.9, 42.4, 10.2	`rgb(92.9%,42.4%,10.2%)`
CMYK	0, 54, 89, 7
HSL	23.3°, 85.4, 51.6	`hsl(23.3,85.4%,51.6%)`
HSV (or HSB)	23.3°, 89, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.612, 45.949, 63.424
XYZ	40.476, 28.808, 4.406
xyY	0.549, 0.391, 28.808
CIE-LCH	60.612, 78.32, 54.078
CIE-LUV	60.612, 106.703, 51.492
Hunter-Lab	53.673, 40.681, 32.704
Binary	11101101, 01101100, 00011010

#ed6c1a
```
#ed6c1a rgb(237,108,26)
```
#1a9bed
```
#1a9bed rgb(26,155,237)
```

Complementary Color

#ed1a31
```
#ed1a31 rgb(237,26,49)
```
#ed6c1a
```
#ed6c1a rgb(237,108,26)
```
#edd61a
```
#edd61a rgb(237,214,26)
```

Analogous Color

#1a32ed
```
#1a32ed rgb(26,50,237)
```
#ed6c1a
```
#ed6c1a rgb(237,108,26)
```
#1aedd6
```
#1aedd6 rgb(26,237,214)
```

Split Complementary Color

#6c1aed
```
#6c1aed rgb(108,26,237)
```
#ed6c1a
```
#ed6c1a rgb(237,108,26)
```
#1aed6c
```
#1aed6c rgb(26,237,108)
```

Triadic Color

#ed1a9b
```
#ed1a9b rgb(237,26,155)
```
#ed6c1a
```
#ed6c1a rgb(237,108,26)
```
#1aed6c
```
#1aed6c rgb(26,237,108)
```
#1a9bed
```
#1a9bed rgb(26,155,237)
```

Tetradic Color

#ad4c0e
```
#ad4c0e rgb(173,76,14)
```
#c5560f
```
#c5560f rgb(197,86,15)
```
#dc6011
```
#dc6011 rgb(220,96,17)
```
#ed6c1a
```
#ed6c1a rgb(237,108,26)
```
#ef7b32
```
#ef7b32 rgb(239,123,50)
```
#f18a49
```
#f18a49 rgb(241,138,73)
```
#f39a61
```
#f39a61 rgb(243,154,97)
```

Monochromatic Color

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

#ed371a
```
#ed371a rgb(237,55,26)
```
#ed491a
```
#ed491a rgb(237,73,26)
```
#ed5a1a
```
#ed5a1a rgb(237,90,26)
```
#ed6c1a
```
#ed6c1a rgb(237,108,26)
```
#ed7e1a
```
#ed7e1a rgb(237,126,26)
```
#ed8f1a
```
#ed8f1a rgb(237,143,26)
```
#eda11a
```
#eda11a rgb(237,161,26)
```

Similar Colors

Text with hexadecimal color #ed6c1a

This text has a font color of #ed6c1a.

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

#ed6c1a background color

This paragraph has a background color of #ed6c1a.

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

#ed6c1a border color

This element has a border color of #ed6c1a.

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

CSS codes

.text {color:#ed6c1a;}

.background {background-color:#ed6c1a;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#1a0b02
```
#1a0b02 rgb(26,11,2)
```
#2c1303
```
#2c1303 rgb(44,19,3)
```
#3e1b05
```
#3e1b05 rgb(62,27,5)
```
#502306
```
#502306 rgb(80,35,6)
```
#622b08
```
#622b08 rgb(98,43,8)
```
#753309
```
#753309 rgb(117,51,9)
```
#873b0b
```
#873b0b rgb(135,59,11)
```
#99430c
```
#99430c rgb(153,67,12)
```
#ab4b0d
```
#ab4b0d rgb(171,75,13)
```
#bd530f
```
#bd530f rgb(189,83,15)
```
#cf5b10
```
#cf5b10 rgb(207,91,16)
```
#e26312
```
#e26312 rgb(226,99,18)
```

Shade Color Variation

#ed6c1a
```
#ed6c1a rgb(237,108,26)
```
#ee782c
```
#ee782c rgb(238,120,44)
```
#f0833e
```
#f0833e rgb(240,131,62)
```
#f18f51
```
#f18f51 rgb(241,143,81)
```
#f39b63
```
#f39b63 rgb(243,155,99)
```
#f4a675
```
#f4a675 rgb(244,166,117)
```
#f6b287
```
#f6b287 rgb(246,178,135)
```
#f7be99
```
#f7be99 rgb(247,190,153)
```
#f8c9ab
```
#f8c9ab rgb(248,201,171)
```
#fad5be
```
#fad5be rgb(250,213,190)
```
#fbe1d0
```
#fbe1d0 rgb(251,225,208)
```
#fdece2
```
#fdece2 rgb(253,236,226)
```
#fef8f4
```
#fef8f4 rgb(254,248,244)
```

Tint Color Variation

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

#858383
```
#858383 rgb(133,131,131)
```
#8e8179
```
#8e8179 rgb(142,129,121)
```
#987f70
```
#987f70 rgb(152,127,112)
```
#a17d66
```
#a17d66 rgb(161,125,102)
```
#ab7b5d
```
#ab7b5d rgb(171,123,93)
```
#b47953
```
#b47953 rgb(180,121,83)
```
#be774a
```
#be774a rgb(190,119,74)
```
#c77440
```
#c77440 rgb(199,116,64)
```
#d17237
```
#d17237 rgb(209,114,55)
```
#da702d
```
#da702d rgb(218,112,45)
```
#e46e24
```
#e46e24 rgb(228,110,36)
```
#ed6c1a
```
#ed6c1a rgb(237,108,26)
```
#f76a11
```
#f76a11 rgb(247,106,17)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9d8373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9982f Protanopia 1% of men
#be900b Deuteranopia 1% of men
#f06c73 Tritanopia 0.001% of the population

Trichromacy

#c28827 Protanomaly 1% of men, 0.01% of women
#cf8311 Deuteranomaly 6% of men, 0.4% of women
#ef6c52 Tritanomaly 0.01% of the population

#ed6c1a hex color

#ed6c1a Color Information

#ed6c1a Color Conversion

Color Schemes with #ed6c1a

Alternatives to #ed6c1a

#ed6c1a Preview

Shades and Tints of #ed6c1a

Tones of #ed6c1a

Color Blindness Simulator