#ec950c hex color

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

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

● #ec950c color description : Vivid orange.

The hexadecimal color #ec950c has RGB values of R:236, G:149, B:12 and CMYK values of C:0, M:0.37, Y:0.95, K:0.07. Its decimal value is 15504652.

Hex triplet	ec950c	`#ec950c`
RGB Decimal	236, 149, 12	`rgb(236,149,12)`
RGB Percent	92.5, 58.4, 4.7	`rgb(92.5%,58.4%,4.7%)`
CMYK	0, 37, 95, 7
HSL	36.7°, 90.3, 48.6	`hsl(36.7,90.3%,48.6%)`
HSV (or HSB)	36.7°, 94.9, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	69.01, 24.449, 72.398
XYZ	45.407, 39.358, 5.553
xyY	0.503, 0.436, 39.358
CIE-LCH	69.01, 76.415, 71.34
CIE-LUV	69.01, 72.261, 66.912
Hunter-Lab	62.736, 19.408, 38.667
Binary	11101100, 10010101, 00001100

#ec950c
```
#ec950c rgb(236,149,12)
```
#0c63ec
```
#0c63ec rgb(12,99,236)
```

Complementary Color

#ec250c
```
#ec250c rgb(236,37,12)
```
#ec950c
```
#ec950c rgb(236,149,12)
```
#d3ec0c
```
#d3ec0c rgb(211,236,12)
```

Analogous Color

#250cec
```
#250cec rgb(37,12,236)
```
#ec950c
```
#ec950c rgb(236,149,12)
```
#0cd3ec
```
#0cd3ec rgb(12,211,236)
```

Split Complementary Color

#950cec
```
#950cec rgb(149,12,236)
```
#ec950c
```
#ec950c rgb(236,149,12)
```
#0cec95
```
#0cec95 rgb(12,236,149)
```

Triadic Color

#ec0c63
```
#ec0c63 rgb(236,12,99)
```
#ec950c
```
#ec950c rgb(236,149,12)
```
#0cec95
```
#0cec95 rgb(12,236,149)
```
#0c63ec
```
#0c63ec rgb(12,99,236)
```

Tetradic Color

#a36708
```
#a36708 rgb(163,103,8)
```
#bb760a
```
#bb760a rgb(187,118,10)
```
#d4860b
```
#d4860b rgb(212,134,11)
```
#ec950c
```
#ec950c rgb(236,149,12)
```
#f4a11e
```
#f4a11e rgb(244,161,30)
```
#f5ab36
```
#f5ab36 rgb(245,171,54)
```
#f6b54e
```
#f6b54e rgb(246,181,78)
```

Monochromatic Color

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

#ec5d0c
```
#ec5d0c rgb(236,93,12)
```
#ec700c
```
#ec700c rgb(236,112,12)
```
#ec820c
```
#ec820c rgb(236,130,12)
```
#ec950c
```
#ec950c rgb(236,149,12)
```
#eca80c
```
#eca80c rgb(236,168,12)
```
#ecba0c
```
#ecba0c rgb(236,186,12)
```
#eccd0c
```
#eccd0c rgb(236,205,12)
```

Similar Colors

Text with hexadecimal color #ec950c

This text has a font color of #ec950c.

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

#ec950c background color

This paragraph has a background color of #ec950c.

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

#ec950c border color

This element has a border color of #ec950c.

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

CSS codes

.text {color:#ec950c;}

.background {background-color:#ec950c;}

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

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)
```
#1f1302
```
#1f1302 rgb(31,19,2)
```
#311f03
```
#311f03 rgb(49,31,3)
```
#442b03
```
#442b03 rgb(68,43,3)
```
#573704
```
#573704 rgb(87,55,4)
```
#694305
```
#694305 rgb(105,67,5)
```
#7c4e06
```
#7c4e06 rgb(124,78,6)
```
#8f5a07
```
#8f5a07 rgb(143,90,7)
```
#a16608
```
#a16608 rgb(161,102,8)
```
#b47209
```
#b47209 rgb(180,114,9)
```
#c77d0a
```
#c77d0a rgb(199,125,10)
```
#d9890b
```
#d9890b rgb(217,137,11)
```
#ec950c
```
#ec950c rgb(236,149,12)
```

Shade Color Variation

#f39e18
```
#f39e18 rgb(243,158,24)
```
#f4a62b
```
#f4a62b rgb(244,166,43)
```
#f5ae3e
```
#f5ae3e rgb(245,174,62)
```
#f6b650
```
#f6b650 rgb(246,182,80)
```
#f7be63
```
#f7be63 rgb(247,190,99)
```
#f8c576
```
#f8c576 rgb(248,197,118)
```
#f9cd88
```
#f9cd88 rgb(249,205,136)
```
#fad59b
```
#fad59b rgb(250,213,155)
```
#fbddae
```
#fbddae rgb(251,221,174)
```
#fce5c0
```
#fce5c0 rgb(252,229,192)
```
#fdedd3
```
#fdedd3 rgb(253,237,211)
```
#fef4e6
```
#fef4e6 rgb(254,244,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 #f69702 is the most saturated one.

#837e75
```
#837e75 rgb(131,126,117)
```
#8d806b
```
#8d806b rgb(141,128,107)
```
#968262
```
#968262 rgb(150,130,98)
```
#a08458
```
#a08458 rgb(160,132,88)
```
#a9864f
```
#a9864f rgb(169,134,79)
```
#b38845
```
#b38845 rgb(179,136,69)
```
#bc8a3c
```
#bc8a3c rgb(188,138,60)
```
#c68c32
```
#c68c32 rgb(198,140,50)
```
#cf8f29
```
#cf8f29 rgb(207,143,41)
```
#d9911f
```
#d9911f rgb(217,145,31)
```
#e29316
```
#e29316 rgb(226,147,22)
```
#ec950c
```
#ec950c rgb(236,149,12)
```
#f69702
```
#f69702 rgb(246,151,2)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#ae9d82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad1f Protanopia 1% of men
#d8a400 Deuteranopia 1% of men
#f29099 Tritanopia 0.001% of the population

Trichromacy

#d1a418 Protanomaly 1% of men, 0.01% of women
#df9e04 Deuteranomaly 6% of men, 0.4% of women
#f09266 Tritanomaly 0.01% of the population

#ec950c hex color

#ec950c Color Information

#ec950c Color Conversion

Color Schemes with #ec950c

Alternatives to #ec950c

#ec950c Preview

Shades and Tints of #ec950c

Tones of #ec950c

Color Blindness Simulator