#ec880c hex color

In a RGB color space, hex #ec880c is composed of 92.5% red, 53.3% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.4% magenta, 94.9% yellow and 7.5% black. It has a hue angle of 33.2 degrees, a saturation of 90.3% and a lightness of 48.6%. #ec880c color hex could be obtained by blending #ffff18 with #d91100. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 93
- G 53
- B 5
RGB color chart
- C 0
- M 42
- Y 95
- K 7
CMYK color chart

● #ec880c color description : Vivid orange.

The hexadecimal color #ec880c has RGB values of R:236, G:136, B:12 and CMYK values of C:0, M:0.42, Y:0.95, K:0.07. Its decimal value is 15501324.

Hex triplet	ec880c	`#ec880c`
RGB Decimal	236, 136, 12	`rgb(236,136,12)`
RGB Percent	92.5, 53.3, 4.7	`rgb(92.5%,53.3%,4.7%)`
CMYK	0, 42, 95, 7
HSL	33.2°, 90.3, 48.6	`hsl(33.2,90.3%,48.6%)`
HSV (or HSB)	33.2°, 94.9, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	66.114, 31.273, 70.41
XYZ	43.464, 35.471, 4.906
xyY	0.518, 0.423, 35.471
CIE-LCH	66.114, 77.042, 66.051
CIE-LUV	66.114, 83.117, 62.331
Hunter-Lab	59.558, 26.039, 36.807
Binary	11101100, 10001000, 00001100

#ec880c
```
#ec880c rgb(236,136,12)
```
#0c70ec
```
#0c70ec rgb(12,112,236)
```

Complementary Color

#ec180c
```
#ec180c rgb(236,24,12)
```
#ec880c
```
#ec880c rgb(236,136,12)
```
#e0ec0c
```
#e0ec0c rgb(224,236,12)
```

Analogous Color

#180cec
```
#180cec rgb(24,12,236)
```
#ec880c
```
#ec880c rgb(236,136,12)
```
#0ce0ec
```
#0ce0ec rgb(12,224,236)
```

Split Complementary Color

#880cec
```
#880cec rgb(136,12,236)
```
#ec880c
```
#ec880c rgb(236,136,12)
```
#0cec88
```
#0cec88 rgb(12,236,136)
```

Triadic Color

#ec0c70
```
#ec0c70 rgb(236,12,112)
```
#ec880c
```
#ec880c rgb(236,136,12)
```
#0cec88
```
#0cec88 rgb(12,236,136)
```
#0c70ec
```
#0c70ec rgb(12,112,236)
```

Tetradic Color

#a35e08
```
#a35e08 rgb(163,94,8)
```
#bb6c0a
```
#bb6c0a rgb(187,108,10)
```
#d47a0b
```
#d47a0b rgb(212,122,11)
```
#ec880c
```
#ec880c rgb(236,136,12)
```
#f4941e
```
#f4941e rgb(244,148,30)
```
#f5a036
```
#f5a036 rgb(245,160,54)
```
#f6ab4e
```
#f6ab4e rgb(246,171,78)
```

Monochromatic Color

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

#ec500c
```
#ec500c rgb(236,80,12)
```
#ec630c
```
#ec630c rgb(236,99,12)
```
#ec750c
```
#ec750c rgb(236,117,12)
```
#ec880c
```
#ec880c rgb(236,136,12)
```
#ec9b0c
```
#ec9b0c rgb(236,155,12)
```
#ecad0c
```
#ecad0c rgb(236,173,12)
```
#ecc00c
```
#ecc00c rgb(236,192,12)
```

Similar Colors

Text with hexadecimal color #ec880c

This text has a font color of #ec880c.

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

#ec880c background color

This paragraph has a background color of #ec880c.

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

#ec880c border color

This element has a border color of #ec880c.

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

CSS codes

.text {color:#ec880c;}

.background {background-color:#ec880c;}

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

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

#0c0701
```
#0c0701 rgb(12,7,1)
```
#1f1202
```
#1f1202 rgb(31,18,2)
```
#311c03
```
#311c03 rgb(49,28,3)
```
#442703
```
#442703 rgb(68,39,3)
```
#573204
```
#573204 rgb(87,50,4)
```
#693d05
```
#693d05 rgb(105,61,5)
```
#7c4706
```
#7c4706 rgb(124,71,6)
```
#8f5207
```
#8f5207 rgb(143,82,7)
```
#a15d08
```
#a15d08 rgb(161,93,8)
```
#b46809
```
#b46809 rgb(180,104,9)
```
#c7720a
```
#c7720a rgb(199,114,10)
```
#d97d0b
```
#d97d0b rgb(217,125,11)
```
#ec880c
```
#ec880c rgb(236,136,12)
```

Shade Color Variation

#f39218
```
#f39218 rgb(243,146,24)
```
#f49a2b
```
#f49a2b rgb(244,154,43)
```
#f5a33e
```
#f5a33e rgb(245,163,62)
```
#f6ac50
```
#f6ac50 rgb(246,172,80)
```
#f7b563
```
#f7b563 rgb(247,181,99)
```
#f8be76
```
#f8be76 rgb(248,190,118)
```
#f9c788
```
#f9c788 rgb(249,199,136)
```
#fad09b
```
#fad09b rgb(250,208,155)
```
#fbd8ae
```
#fbd8ae rgb(251,216,174)
```
#fce1c0
```
#fce1c0 rgb(252,225,192)
```
#fdead3
```
#fdead3 rgb(253,234,211)
```
#fef3e6
```
#fef3e6 rgb(254,243,230)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#837d75
```
#837d75 rgb(131,125,117)
```
#8d7e6b
```
#8d7e6b rgb(141,126,107)
```
#967f62
```
#967f62 rgb(150,127,98)
```
#a08058
```
#a08058 rgb(160,128,88)
```
#a9814f
```
#a9814f rgb(169,129,79)
```
#b38245
```
#b38245 rgb(179,130,69)
```
#bc833c
```
#bc833c rgb(188,131,60)
```
#c68432
```
#c68432 rgb(198,132,50)
```
#cf8529
```
#cf8529 rgb(207,133,41)
```
#d9861f
```
#d9861f rgb(217,134,31)
```
#e28716
```
#e28716 rgb(226,135,22)
```
#ec880c
```
#ec880c rgb(236,136,12)
```
#f68902
```
#f68902 rgb(246,137,2)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a9957c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a520 Protanopia 1% of men
#cf9d00 Deuteranopia 1% of men
#f1848d Tritanopia 0.001% of the population

Trichromacy

#cb9b18 Protanomaly 1% of men, 0.01% of women
#d99504 Deuteranomaly 6% of men, 0.4% of women
#ef865e Tritanomaly 0.01% of the population

#ec880c hex color

#ec880c Color Information

#ec880c Color Conversion

Color Schemes with #ec880c

Alternatives to #ec880c

#ec880c Preview

Shades and Tints of #ec880c

Tones of #ec880c

Color Blindness Simulator