#ec5522 Color Information
In a RGB color space, hex #ec5522 is composed of 92.5% red, 33.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 85.6% yellow and 7.5% black. It has a hue angle of 15.1 degrees, a saturation of 84.2% and a lightness of 52.9%. #ec5522 color hex could be obtained by blending #ffaa44 with #d90000. Closest websafe color is: #ff6633.
-
- R 93
- G 33
- B 13
-
- C 0
- M 64
- Y 86
- K 7
● #ec5522 color description : Vivid orange.
#ec5522 Color Conversion
The hexadecimal color #ec5522 has RGB values of R:236, G:85, B:34 and CMYK values of C:0, M:0.64, Y:0.86, K:0.07. Its decimal value is 15488290.
Hex triplet | ec5522 | #ec5522 |
---|---|---|
RGB Decimal | 236, 85, 34 | rgb(236,85,34) |
RGB Percent | 92.5, 33.3, 13.3 | rgb(92.5%,33.3%,13.3%) |
CMYK | 0, 64, 86, 7 | |
HSL | 15.1°, 84.2, 52.9 | hsl(15.1,84.2%,52.9%) |
HSV (or HSB) | 15.1°, 85.6, 92.5 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 56.535, 56.114, 57.352 |
---|---|
XYZ | 38.131, 24.45, 4.225 |
xyY | 0.571, 0.366, 24.45 |
CIE-LCH | 56.535, 80.237, 45.625 |
CIE-LUV | 56.535, 123.064, 43.112 |
Hunter-Lab | 49.447, 51.12, 29.547 |
Binary | 11101100, 01010101, 00100010 |
Color Schemes with #ec5522
Alternatives to #ec5522
Below, you can see some colors close to #ec5522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ec5522 Preview
This text has a font color of #ec5522.
<span style="color:#ec5522;">Text here</span>
This paragraph has a background color of #ec5522.
<p style="background-color:#ec5522;">Content here</p>
This element has a border color of #ec5522.
<div style="border:1px solid #ec5522;">Content here</div>
.text {color:#ec5522;}
.background {background-color:#ec5522;}
.border {border:1px solid #ec5522;}
Shades and Tints of #ec5522
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, #0e0401 is the darkest color, while #fffcfb is the lightest one.
-
#0e0401
#0e0401
rgb(14,4,1)
-
#200a03
#200a03
rgb(32,10,3)
-
#321004
#321004
rgb(50,16,4)
-
#441606
#441606
rgb(68,22,6)
-
#561b07
#561b07
rgb(86,27,7)
-
#682109
#682109
rgb(104,33,9)
-
#7a270b
#7a270b
rgb(122,39,11)
-
#8c2c0c
#8c2c0c
rgb(140,44,12)
-
#9e320e
#9e320e
rgb(158,50,14)
-
#b0380f
#b0380f
rgb(176,56,15)
-
#c23e11
#c23e11
rgb(194,62,17)
-
#d54312
#d54312
rgb(213,67,18)
-
#e74914
#e74914
rgb(231,73,20)
-
#ec5522
#ec5522
rgb(236,85,34)
-
#ee6334
#ee6334
rgb(238,99,52)
-
#ef7146
#ef7146
rgb(239,113,70)
-
#f17f58
#f17f58
rgb(241,127,88)
-
#f28d6a
#f28d6a
rgb(242,141,106)
-
#f49a7c
#f49a7c
rgb(244,154,124)
-
#f5a88e
#f5a88e
rgb(245,168,142)
-
#f7b6a0
#f7b6a0
rgb(247,182,160)
-
#f8c4b3
#f8c4b3
rgb(248,196,179)
-
#fad2c5
#fad2c5
rgb(250,210,197)
-
#fce0d7
#fce0d7
rgb(252,224,215)
-
#fdeee9
#fdeee9
rgb(253,238,233)
-
#fffcfb
#fffcfb
rgb(255,252,251)
Tones of #ec5522
A tone is produced by adding gray to any pure hue. In this case, #90837e is the less saturated color, while #fe4c10 is the most saturated one.
-
#90837e
#90837e
rgb(144,131,126)
-
#997e75
#997e75
rgb(153,126,117)
-
#a27a6c
#a27a6c
rgb(162,122,108)
-
#ab7563
#ab7563
rgb(171,117,99)
-
#b57059
#b57059
rgb(181,112,89)
-
#be6c50
#be6c50
rgb(190,108,80)
-
#c76747
#c76747
rgb(199,103,71)
-
#d0633e
#d0633e
rgb(208,99,62)
-
#da5e34
#da5e34
rgb(218,94,52)
-
#e35a2b
#e35a2b
rgb(227,90,43)
-
#ec5522
#ec5522
rgb(236,85,34)
-
#f55019
#f55019
rgb(245,80,25)
-
#fe4c10
#fe4c10
rgb(254,76,16)
Color Blindness Simulator
Below, you can see how #ec5522 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.