#ec302f Color Information
In a RGB color space, hex #ec302f is composed of 92.5% red, 18.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 80.1% yellow and 7.5% black. It has a hue angle of 0.3 degrees, a saturation of 83.3% and a lightness of 55.5%. #ec302f color hex could be obtained by blending #ff605e with #d90000. Closest websafe color is: #ff3333.
-
- R 93
- G 19
- B 18
-
- C 0
- M 80
- Y 80
- K 7
● #ec302f color description : Bright red.
#ec302f Color Conversion
The hexadecimal color #ec302f has RGB values of R:236, G:48, B:47 and CMYK values of C:0, M:0.8, Y:0.8, K:0.07. Its decimal value is 15478831.
Hex triplet | ec302f | #ec302f |
---|---|---|
RGB Decimal | 236, 48, 47 | rgb(236,48,47) |
RGB Percent | 92.5, 18.8, 18.4 | rgb(92.5%,18.8%,18.4%) |
CMYK | 0, 80, 80, 7 | |
HSL | 0.3°, 83.3, 55.5 | hsl(0.3,83.3%,55.5%) |
HSV (or HSB) | 0.3°, 80.1, 92.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.014, 69.149, 47.229 |
---|---|
XYZ | 36.164, 20.157, 4.676 |
xyY | 0.593, 0.33, 20.157 |
CIE-LCH | 52.014, 83.739, 34.333 |
CIE-LUV | 52.014, 143.679, 31.268 |
Hunter-Lab | 44.896, 65.215, 25.253 |
Binary | 11101100, 00110000, 00101111 |
Color Schemes with #ec302f
Alternatives to #ec302f
Below, you can see some colors close to #ec302f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ec302f Preview
This text has a font color of #ec302f.
<span style="color:#ec302f;">Text here</span>
This paragraph has a background color of #ec302f.
<p style="background-color:#ec302f;">Content here</p>
This element has a border color of #ec302f.
<div style="border:1px solid #ec302f;">Content here</div>
.text {color:#ec302f;}
.background {background-color:#ec302f;}
.border {border:1px solid #ec302f;}
Shades and Tints of #ec302f
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, #080101 is the darkest color, while #fef5f5 is the lightest one.
-
#080101
#080101
rgb(8,1,1)
-
#1a0202
#1a0202
rgb(26,2,2)
-
#2c0404
#2c0404
rgb(44,4,4)
-
#3e0606
#3e0606
rgb(62,6,6)
-
#500807
#500807
rgb(80,8,7)
-
#620909
#620909
rgb(98,9,9)
-
#740b0b
#740b0b
rgb(116,11,11)
-
#850d0c
#850d0c
rgb(133,13,12)
-
#970f0e
#970f0e
rgb(151,15,14)
-
#a9100f
#a9100f
rgb(169,16,15)
-
#bb1211
#bb1211
rgb(187,18,17)
-
#cd1413
#cd1413
rgb(205,20,19)
-
#df1514
#df1514
rgb(223,21,20)
-
#ea1e1d
#ea1e1d
rgb(234,30,29)
-
#ec302f
#ec302f
rgb(236,48,47)
-
#ee4241
#ee4241
rgb(238,66,65)
-
#ef5453
#ef5453
rgb(239,84,83)
-
#f16665
#f16665
rgb(241,102,101)
-
#f37877
#f37877
rgb(243,120,119)
-
#f48989
#f48989
rgb(244,137,137)
-
#f69b9b
#f69b9b
rgb(246,155,155)
-
#f7adad
#f7adad
rgb(247,173,173)
-
#f9bfbf
#f9bfbf
rgb(249,191,191)
-
#fbd1d1
#fbd1d1
rgb(251,209,209)
-
#fce3e3
#fce3e3
rgb(252,227,227)
-
#fef5f5
#fef5f5
rgb(254,245,245)
Tones of #ec302f
A tone is produced by adding gray to any pure hue. In this case, #958686 is the less saturated color, while #fd1f1e is the most saturated one.
-
#958686
#958686
rgb(149,134,134)
-
#9d7e7e
#9d7e7e
rgb(157,126,126)
-
#a67575
#a67575
rgb(166,117,117)
-
#af6c6c
#af6c6c
rgb(175,108,108)
-
#b86463
#b86463
rgb(184,100,99)
-
#c05b5b
#c05b5b
rgb(192,91,91)
-
#c95352
#c95352
rgb(201,83,82)
-
#d24a49
#d24a49
rgb(210,74,73)
-
#db4140
#db4140
rgb(219,65,64)
-
#e33938
#e33938
rgb(227,57,56)
-
#ec302f
#ec302f
rgb(236,48,47)
-
#f52726
#f52726
rgb(245,39,38)
-
#fd1f1e
#fd1f1e
rgb(253,31,30)
Color Blindness Simulator
Below, you can see how #ec302f 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.