#ec661f Color Information
In a RGB color space, hex #ec661f is composed of 92.5% red, 40% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.8% magenta, 86.9% yellow and 7.5% black. It has a hue angle of 20.8 degrees, a saturation of 84.4% and a lightness of 52.4%. #ec661f color hex could be obtained by blending #ffcc3e with #d90000. Closest websafe color is: #ff6633.
-
- R 93
- G 40
- B 12
-
- C 0
- M 57
- Y 87
- K 7
● #ec661f color description : Vivid orange.
#ec661f Color Conversion
The hexadecimal color #ec661f has RGB values of R:236, G:102, B:31 and CMYK values of C:0, M:0.57, Y:0.87, K:0.07. Its decimal value is 15492639.
Hex triplet | ec661f | #ec661f |
---|---|---|
RGB Decimal | 236, 102, 31 | rgb(236,102,31) |
RGB Percent | 92.5, 40, 12.2 | rgb(92.5%,40%,12.2%) |
CMYK | 0, 57, 87, 7 | |
HSL | 20.8°, 84.4, 52.4 | hsl(20.8,84.4%,52.4%) |
HSV (or HSB) | 20.8°, 86.9, 92.5 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.378, 48.512, 60.775 |
---|---|
XYZ | 39.592, 27.439, 4.508 |
xyY | 0.553, 0.384, 27.439 |
CIE-LCH | 59.378, 77.762, 51.403 |
CIE-LUV | 59.378, 110.356, 48.695 |
Hunter-Lab | 52.382, 43.249, 31.565 |
Binary | 11101100, 01100110, 00011111 |
Color Schemes with #ec661f
Alternatives to #ec661f
Below, you can see some colors close to #ec661f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ec661f Preview
This text has a font color of #ec661f.
<span style="color:#ec661f;">Text here</span>
This paragraph has a background color of #ec661f.
<p style="background-color:#ec661f;">Content here</p>
This element has a border color of #ec661f.
<div style="border:1px solid #ec661f;">Content here</div>
.text {color:#ec661f;}
.background {background-color:#ec661f;}
.border {border:1px solid #ec661f;}
Shades and Tints of #ec661f
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, #0b0401 is the darkest color, while #fefaf8 is the lightest one.
-
#0b0401
#0b0401
rgb(11,4,1)
-
#1d0c02
#1d0c02
rgb(29,12,2)
-
#2f1304
#2f1304
rgb(47,19,4)
-
#411a06
#411a06
rgb(65,26,6)
-
#532207
#532207
rgb(83,34,7)
-
#652909
#652909
rgb(101,41,9)
-
#78300a
#78300a
rgb(120,48,10)
-
#8a370c
#8a370c
rgb(138,55,12)
-
#9c3f0d
#9c3f0d
rgb(156,63,13)
-
#ae460f
#ae460f
rgb(174,70,15)
-
#c04d10
#c04d10
rgb(192,77,16)
-
#d25412
#d25412
rgb(210,84,18)
-
#e45c13
#e45c13
rgb(228,92,19)
-
#ec661f
#ec661f
rgb(236,102,31)
-
#ee7231
#ee7231
rgb(238,114,49)
-
#ef7f43
#ef7f43
rgb(239,127,67)
-
#f18b55
#f18b55
rgb(241,139,85)
-
#f29767
#f29767
rgb(242,151,103)
-
#f4a479
#f4a479
rgb(244,164,121)
-
#f5b08b
#f5b08b
rgb(245,176,139)
-
#f7bc9e
#f7bc9e
rgb(247,188,158)
-
#f8c9b0
#f8c9b0
rgb(248,201,176)
-
#fad5c2
#fad5c2
rgb(250,213,194)
-
#fbe2d4
#fbe2d4
rgb(251,226,212)
-
#fdeee6
#fdeee6
rgb(253,238,230)
-
#fefaf8
#fefaf8
rgb(254,250,248)
Tones of #ec661f
A tone is produced by adding gray to any pure hue. In this case, #8f837c is the less saturated color, while #ff600c is the most saturated one.
-
#8f837c
#8f837c
rgb(143,131,124)
-
#988073
#988073
rgb(152,128,115)
-
#a17d6a
#a17d6a
rgb(161,125,106)
-
#ab7a60
#ab7a60
rgb(171,122,96)
-
#b47757
#b47757
rgb(180,119,87)
-
#bd744e
#bd744e
rgb(189,116,78)
-
#c77144
#c77144
rgb(199,113,68)
-
#d06f3b
#d06f3b
rgb(208,111,59)
-
#d96c32
#d96c32
rgb(217,108,50)
-
#e36928
#e36928
rgb(227,105,40)
-
#ec661f
#ec661f
rgb(236,102,31)
-
#f56316
#f56316
rgb(245,99,22)
-
#ff600c
#ff600c
rgb(255,96,12)
Color Blindness Simulator
Below, you can see how #ec661f 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.