#ec980c hex color

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

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

● #ec980c color description : Vivid orange.

The hexadecimal color #ec980c has RGB values of R:236, G:152, B:12 and CMYK values of C:0, M:0.36, Y:0.95, K:0.07. Its decimal value is 15505420.

Hex triplet	ec980c	`#ec980c`
RGB Decimal	236, 152, 12	`rgb(236,152,12)`
RGB Percent	92.5, 59.6, 4.7	`rgb(92.5%,59.6%,4.7%)`
CMYK	0, 36, 95, 7
HSL	37.5°, 90.3, 48.6	`hsl(37.5,90.3%,48.6%)`
HSV (or HSB)	37.5°, 94.9, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	69.696, 22.864, 72.876
XYZ	45.888, 40.319, 5.714
xyY	0.499, 0.439, 40.319
CIE-LCH	69.696, 76.378, 72.581
CIE-LUV	69.696, 69.778, 67.986
Hunter-Lab	63.497, 17.877, 39.113
Binary	11101100, 10011000, 00001100

#ec980c
```
#ec980c rgb(236,152,12)
```
#0c60ec
```
#0c60ec rgb(12,96,236)
```

Complementary Color

#ec280c
```
#ec280c rgb(236,40,12)
```
#ec980c
```
#ec980c rgb(236,152,12)
```
#d0ec0c
```
#d0ec0c rgb(208,236,12)
```

Analogous Color

#280cec
```
#280cec rgb(40,12,236)
```
#ec980c
```
#ec980c rgb(236,152,12)
```
#0cd0ec
```
#0cd0ec rgb(12,208,236)
```

Split Complementary Color

#980cec
```
#980cec rgb(152,12,236)
```
#ec980c
```
#ec980c rgb(236,152,12)
```
#0cec98
```
#0cec98 rgb(12,236,152)
```

Triadic Color

#ec0c60
```
#ec0c60 rgb(236,12,96)
```
#ec980c
```
#ec980c rgb(236,152,12)
```
#0cec98
```
#0cec98 rgb(12,236,152)
```
#0c60ec
```
#0c60ec rgb(12,96,236)
```

Tetradic Color

#a36908
```
#a36908 rgb(163,105,8)
```
#bb790a
```
#bb790a rgb(187,121,10)
```
#d4880b
```
#d4880b rgb(212,136,11)
```
#ec980c
```
#ec980c rgb(236,152,12)
```
#f4a31e
```
#f4a31e rgb(244,163,30)
```
#f5ad36
```
#f5ad36 rgb(245,173,54)
```
#f6b74e
```
#f6b74e rgb(246,183,78)
```

Monochromatic Color

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

#ec600c
```
#ec600c rgb(236,96,12)
```
#ec730c
```
#ec730c rgb(236,115,12)
```
#ec850c
```
#ec850c rgb(236,133,12)
```
#ec980c
```
#ec980c rgb(236,152,12)
```
#ecab0c
```
#ecab0c rgb(236,171,12)
```
#ecbd0c
```
#ecbd0c rgb(236,189,12)
```
#ecd00c
```
#ecd00c rgb(236,208,12)
```

Similar Colors

Text with hexadecimal color #ec980c

This text has a font color of #ec980c.

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

#ec980c background color

This paragraph has a background color of #ec980c.

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

#ec980c border color

This element has a border color of #ec980c.

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

CSS codes

.text {color:#ec980c;}

.background {background-color:#ec980c;}

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

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

#0c0801
```
#0c0801 rgb(12,8,1)
```
#1f1402
```
#1f1402 rgb(31,20,2)
```
#312003
```
#312003 rgb(49,32,3)
```
#442c03
```
#442c03 rgb(68,44,3)
```
#573804
```
#573804 rgb(87,56,4)
```
#694405
```
#694405 rgb(105,68,5)
```
#7c5006
```
#7c5006 rgb(124,80,6)
```
#8f5c07
```
#8f5c07 rgb(143,92,7)
```
#a16808
```
#a16808 rgb(161,104,8)
```
#b47409
```
#b47409 rgb(180,116,9)
```
#c7800a
```
#c7800a rgb(199,128,10)
```
#d98c0b
```
#d98c0b rgb(217,140,11)
```
#ec980c
```
#ec980c rgb(236,152,12)
```

Shade Color Variation

#f3a118
```
#f3a118 rgb(243,161,24)
```
#f4a92b
```
#f4a92b rgb(244,169,43)
```
#f5b03e
```
#f5b03e rgb(245,176,62)
```
#f6b850
```
#f6b850 rgb(246,184,80)
```
#f7c063
```
#f7c063 rgb(247,192,99)
```
#f8c776
```
#f8c776 rgb(248,199,118)
```
#f9cf88
```
#f9cf88 rgb(249,207,136)
```
#fad69b
```
#fad69b rgb(250,214,155)
```
#fbdeae
```
#fbdeae rgb(251,222,174)
```
#fce6c0
```
#fce6c0 rgb(252,230,192)
```
#fdedd3
```
#fdedd3 rgb(253,237,211)
```
#fef5e6
```
#fef5e6 rgb(254,245,230)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#837e75
```
#837e75 rgb(131,126,117)
```
#8d806b
```
#8d806b rgb(141,128,107)
```
#968362
```
#968362 rgb(150,131,98)
```
#a08558
```
#a08558 rgb(160,133,88)
```
#a9874f
```
#a9874f rgb(169,135,79)
```
#b38a45
```
#b38a45 rgb(179,138,69)
```
#bc8c3c
```
#bc8c3c rgb(188,140,60)
```
#c68e32
```
#c68e32 rgb(198,142,50)
```
#cf9129
```
#cf9129 rgb(207,145,41)
```
#d9931f
```
#d9931f rgb(217,147,31)
```
#e29616
```
#e29616 rgb(226,150,22)
```
#ec980c
```
#ec980c rgb(236,152,12)
```
#f69a02
```
#f69a02 rgb(246,154,2)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#b09f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af1e Protanopia 1% of men
#daa600 Deuteranopia 1% of men
#f3939c Tritanopia 0.001% of the population

Trichromacy

#d2a617 Protanomaly 1% of men, 0.01% of women
#e0a104 Deuteranomaly 6% of men, 0.4% of women
#f09468 Tritanomaly 0.01% of the population

#ec980c hex color

#ec980c Color Information

#ec980c Color Conversion

Color Schemes with #ec980c

Alternatives to #ec980c

#ec980c Preview

Shades and Tints of #ec980c

Tones of #ec980c

Color Blindness Simulator