#ec960e hex color

In a RGB color space, hex #ec960e is composed of 92.5% red, 58.8% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.4% magenta, 94.1% yellow and 7.5% black. It has a hue angle of 36.8 degrees, a saturation of 88.8% and a lightness of 49%. #ec960e color hex could be obtained by blending #ffff1c with #d92d00. Closest websafe color is: #ff9900.

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

● #ec960e color description : Vivid orange.

The hexadecimal color #ec960e has RGB values of R:236, G:150, B:14 and CMYK values of C:0, M:0.36, Y:0.94, K:0.07. Its decimal value is 15504910.

Hex triplet	ec960e	`#ec960e`
RGB Decimal	236, 150, 14	`rgb(236,150,14)`
RGB Percent	92.5, 58.8, 5.5	`rgb(92.5%,58.8%,5.5%)`
CMYK	0, 36, 94, 7
HSL	36.8°, 88.8, 49	`hsl(36.8,88.8%,49%)`
HSV (or HSB)	36.8°, 94.1, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	69.241, 23.942, 72.264
XYZ	45.579, 39.681, 5.674
xyY	0.501, 0.436, 39.681
CIE-LCH	69.241, 76.127, 71.669
CIE-LUV	69.241, 71.395, 67.118
Hunter-Lab	62.993, 18.919, 38.754
Binary	11101100, 10010110, 00001110

#ec960e
```
#ec960e rgb(236,150,14)
```
#0e64ec
```
#0e64ec rgb(14,100,236)
```

Complementary Color

#ec270e
```
#ec270e rgb(236,39,14)
```
#ec960e
```
#ec960e rgb(236,150,14)
```
#d3ec0e
```
#d3ec0e rgb(211,236,14)
```

Analogous Color

#270eec
```
#270eec rgb(39,14,236)
```
#ec960e
```
#ec960e rgb(236,150,14)
```
#0ed3ec
```
#0ed3ec rgb(14,211,236)
```

Split Complementary Color

#960eec
```
#960eec rgb(150,14,236)
```
#ec960e
```
#ec960e rgb(236,150,14)
```
#0eec96
```
#0eec96 rgb(14,236,150)
```

Triadic Color

#ec0e64
```
#ec0e64 rgb(236,14,100)
```
#ec960e
```
#ec960e rgb(236,150,14)
```
#0eec96
```
#0eec96 rgb(14,236,150)
```
#0e64ec
```
#0e64ec rgb(14,100,236)
```

Tetradic Color

#a4680a
```
#a4680a rgb(164,104,10)
```
#bc770b
```
#bc770b rgb(188,119,11)
```
#d4870d
```
#d4870d rgb(212,135,13)
```
#ec960e
```
#ec960e rgb(236,150,14)
```
#f2a122
```
#f2a122 rgb(242,161,34)
```
#f3ab3a
```
#f3ab3a rgb(243,171,58)
```
#f5b652
```
#f5b652 rgb(245,182,82)
```

Monochromatic Color

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

#ec5f0e
```
#ec5f0e rgb(236,95,14)
```
#ec710e
```
#ec710e rgb(236,113,14)
```
#ec840e
```
#ec840e rgb(236,132,14)
```
#ec960e
```
#ec960e rgb(236,150,14)
```
#eca90e
```
#eca90e rgb(236,169,14)
```
#ecbb0e
```
#ecbb0e rgb(236,187,14)
```
#ecce0e
```
#ecce0e rgb(236,206,14)
```

Similar Colors

Text with hexadecimal color #ec960e

This text has a font color of #ec960e.

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

#ec960e background color

This paragraph has a background color of #ec960e.

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

#ec960e border color

This element has a border color of #ec960e.

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

CSS codes

.text {color:#ec960e;}

.background {background-color:#ec960e;}

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

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

#0e0901
```
#0e0901 rgb(14,9,1)
```
#201502
```
#201502 rgb(32,21,2)
```
#332003
```
#332003 rgb(51,32,3)
```
#452c04
```
#452c04 rgb(69,44,4)
```
#583805
```
#583805 rgb(88,56,5)
```
#6a4406
```
#6a4406 rgb(106,68,6)
```
#7d4f07
```
#7d4f07 rgb(125,79,7)
```
#8f5b09
```
#8f5b09 rgb(143,91,9)
```
#a2670a
```
#a2670a rgb(162,103,10)
```
#b4730b
```
#b4730b rgb(180,115,11)
```
#c77e0c
```
#c77e0c rgb(199,126,12)
```
#d98a0d
```
#d98a0d rgb(217,138,13)
```
#ec960e
```
#ec960e rgb(236,150,14)
```

Shade Color Variation

#f29f1c
```
#f29f1c rgb(242,159,28)
```
#f3a72f
```
#f3a72f rgb(243,167,47)
```
#f4af41
```
#f4af41 rgb(244,175,65)
```
#f5b654
```
#f5b654 rgb(245,182,84)
```
#f6be66
```
#f6be66 rgb(246,190,102)
```
#f7c679
```
#f7c679 rgb(247,198,121)
```
#f8ce8b
```
#f8ce8b rgb(248,206,139)
```
#f9d69e
```
#f9d69e rgb(249,214,158)
```
#fadeb0
```
#fadeb0 rgb(250,222,176)
```
#fbe5c3
```
#fbe5c3 rgb(251,229,195)
```
#fdedd5
```
#fdedd5 rgb(253,237,213)
```
#fef5e8
```
#fef5e8 rgb(254,245,232)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#827e78
```
#827e78 rgb(130,126,120)
```
#8c806e
```
#8c806e rgb(140,128,110)
```
#958365
```
#958365 rgb(149,131,101)
```
#9f855b
```
#9f855b rgb(159,133,91)
```
#a98751
```
#a98751 rgb(169,135,81)
```
#b28948
```
#b28948 rgb(178,137,72)
```
#bc8b3e
```
#bc8b3e rgb(188,139,62)
```
#c68d34
```
#c68d34 rgb(198,141,52)
```
#cf902b
```
#cf902b rgb(207,144,43)
```
#d99221
```
#d99221 rgb(217,146,33)
```
#e29418
```
#e29418 rgb(226,148,24)
```
#ec960e
```
#ec960e rgb(236,150,14)
```
#f69804
```
#f69804 rgb(246,152,4)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#af9e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ad20 Protanopia 1% of men
#d9a504 Deuteranopia 1% of men
#f3919a Tritanopia 0.001% of the population

Trichromacy

#d1a519 Protanomaly 1% of men, 0.01% of women
#e09f08 Deuteranomaly 6% of men, 0.4% of women
#f09367 Tritanomaly 0.01% of the population

#ec960e hex color

#ec960e Color Information

#ec960e Color Conversion

Color Schemes with #ec960e

Alternatives to #ec960e

#ec960e Preview

Shades and Tints of #ec960e

Tones of #ec960e

Color Blindness Simulator