#ec7222 Color Information
In a RGB color space, hex #ec7222 is composed of 92.5% red, 44.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.7% magenta, 85.6% yellow and 7.5% black. It has a hue angle of 23.8 degrees, a saturation of 84.2% and a lightness of 52.9%. #ec7222 color hex could be obtained by blending #ffe444 with #d90000. Closest websafe color is: #ff6633.
-
- R 93
- G 45
- B 13
-
- C 0
- M 52
- Y 86
- K 7
● #ec7222 color description : Vivid orange.
#ec7222 Color Conversion
The hexadecimal color #ec7222 has RGB values of R:236, G:114, B:34 and CMYK values of C:0, M:0.52, Y:0.86, K:0.07. Its decimal value is 15495714.
Hex triplet | ec7222 | #ec7222 |
---|---|---|
RGB Decimal | 236, 114, 34 | rgb(236,114,34) |
RGB Percent | 92.5, 44.7, 13.3 | rgb(92.5%,44.7%,13.3%) |
CMYK | 0, 52, 86, 7 | |
HSL | 23.8°, 84.2, 52.9 | hsl(23.8,84.2%,52.9%) |
HSV (or HSB) | 23.8°, 85.6, 92.5 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 61.643, 42.815, 61.549 |
---|---|
XYZ | 40.9, 29.987, 5.148 |
xyY | 0.538, 0.394, 29.987 |
CIE-LCH | 61.643, 74.976, 55.177 |
CIE-LUV | 61.643, 100.478, 51.987 |
Hunter-Lab | 54.76, 37.488, 32.759 |
Binary | 11101100, 01110010, 00100010 |
Color Schemes with #ec7222
Alternatives to #ec7222
Below, you can see some colors close to #ec7222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ec7222 Preview
This text has a font color of #ec7222.
<span style="color:#ec7222;">Text here</span>
This paragraph has a background color of #ec7222.
<p style="background-color:#ec7222;">Content here</p>
This element has a border color of #ec7222.
<div style="border:1px solid #ec7222;">Content here</div>
.text {color:#ec7222;}
.background {background-color:#ec7222;}
.border {border:1px solid #ec7222;}
Shades and Tints of #ec7222
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, #0e0601 is the darkest color, while #fffcfb is the lightest one.
-
#0e0601
#0e0601
rgb(14,6,1)
-
#200e03
#200e03
rgb(32,14,3)
-
#321604
#321604
rgb(50,22,4)
-
#441e06
#441e06
rgb(68,30,6)
-
#562707
#562707
rgb(86,39,7)
-
#682f09
#682f09
rgb(104,47,9)
-
#7a370b
#7a370b
rgb(122,55,11)
-
#8c3f0c
#8c3f0c
rgb(140,63,12)
-
#9e470e
#9e470e
rgb(158,71,14)
-
#b04f0f
#b04f0f
rgb(176,79,15)
-
#c25711
#c25711
rgb(194,87,17)
-
#d55f12
#d55f12
rgb(213,95,18)
-
#e76714
#e76714
rgb(231,103,20)
-
#ec7222
#ec7222
rgb(236,114,34)
-
#ee7e34
#ee7e34
rgb(238,126,52)
-
#ef8946
#ef8946
rgb(239,137,70)
-
#f19558
#f19558
rgb(241,149,88)
-
#f2a06a
#f2a06a
rgb(242,160,106)
-
#f4ac7c
#f4ac7c
rgb(244,172,124)
-
#f5b78e
#f5b78e
rgb(245,183,142)
-
#f7c3a0
#f7c3a0
rgb(247,195,160)
-
#f8ceb3
#f8ceb3
rgb(248,206,179)
-
#fadac5
#fadac5
rgb(250,218,197)
-
#fce5d7
#fce5d7
rgb(252,229,215)
-
#fdf1e9
#fdf1e9
rgb(253,241,233)
-
#fffcfb
#fffcfb
rgb(255,252,251)
Tones of #ec7222
A tone is produced by adding gray to any pure hue. In this case, #90857e is the less saturated color, while #fe6e10 is the most saturated one.
-
#90857e
#90857e
rgb(144,133,126)
-
#998375
#998375
rgb(153,131,117)
-
#a2816c
#a2816c
rgb(162,129,108)
-
#ab7f63
#ab7f63
rgb(171,127,99)
-
#b57e59
#b57e59
rgb(181,126,89)
-
#be7c50
#be7c50
rgb(190,124,80)
-
#c77a47
#c77a47
rgb(199,122,71)
-
#d0783e
#d0783e
rgb(208,120,62)
-
#da7634
#da7634
rgb(218,118,52)
-
#e3742b
#e3742b
rgb(227,116,43)
-
#ec7222
#ec7222
rgb(236,114,34)
-
#f57019
#f57019
rgb(245,112,25)
-
#fe6e10
#fe6e10
rgb(254,110,16)
Color Blindness Simulator
Below, you can see how #ec7222 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.