#e55f30 Color Information
In a RGB color space, hex #e55f30 is composed of 89.8% red, 37.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.5% magenta, 79% yellow and 10.2% black. It has a hue angle of 15.6 degrees, a saturation of 77.7% and a lightness of 54.3%. #e55f30 color hex could be obtained by blending #ffbe60 with #cb0000. Closest websafe color is: #cc6633.
-
- R 90
- G 37
- B 19
-
- C 0
- M 59
- Y 79
- K 10
● #e55f30 color description : Bright orange.
#e55f30 Color Conversion
The hexadecimal color #e55f30 has RGB values of R:229, G:95, B:48 and CMYK values of C:0, M:0.59, Y:0.79, K:0.1. Its decimal value is 15032112.
Hex triplet | e55f30 | #e55f30 |
---|---|---|
RGB Decimal | 229, 95, 48 | rgb(229,95,48) |
RGB Percent | 89.8, 37.3, 18.8 | rgb(89.8%,37.3%,18.8%) |
CMYK | 0, 59, 79, 10 | |
HSL | 15.6°, 77.7, 54.3 | hsl(15.6,77.7%,54.3%) |
HSV (or HSB) | 15.6°, 79, 89.8 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 57.134, 49.655, 51.328 |
---|---|
XYZ | 36.94, 25.06, 5.688 |
xyY | 0.546, 0.37, 25.06 |
CIE-LCH | 57.134, 71.416, 45.949 |
CIE-LUV | 57.134, 108.344, 41.81 |
Hunter-Lab | 50.06, 44.115, 28.305 |
Binary | 11100101, 01011111, 00110000 |
Color Schemes with #e55f30
Alternatives to #e55f30
Below, you can see some colors close to #e55f30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#e55f30 Preview
This text has a font color of #e55f30.
<span style="color:#e55f30;">Text here</span>
This paragraph has a background color of #e55f30.
<p style="background-color:#e55f30;">Content here</p>
This element has a border color of #e55f30.
<div style="border:1px solid #e55f30;">Content here</div>
.text {color:#e55f30;}
.background {background-color:#e55f30;}
.border {border:1px solid #e55f30;}
Shades and Tints of #e55f30
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, #020100 is the darkest color, while #fdf3f0 is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#140702
#140702
rgb(20,7,2)
-
#250d05
#250d05
rgb(37,13,5)
-
#361307
#361307
rgb(54,19,7)
-
#481909
#481909
rgb(72,25,9)
-
#591f0b
#591f0b
rgb(89,31,11)
-
#6b260d
#6b260d
rgb(107,38,13)
-
#7c2c10
#7c2c10
rgb(124,44,16)
-
#8e3212
#8e3212
rgb(142,50,18)
-
#9f3814
#9f3814
rgb(159,56,20)
-
#b03e16
#b03e16
rgb(176,62,22)
-
#c24418
#c24418
rgb(194,68,24)
-
#d34a1b
#d34a1b
rgb(211,74,27)
-
#e3521f
#e3521f
rgb(227,82,31)
-
#e55f30
#e55f30
rgb(229,95,48)
-
#e76c41
#e76c41
rgb(231,108,65)
-
#e97a53
#e97a53
rgb(233,122,83)
-
#ec8764
#ec8764
rgb(236,135,100)
-
#ee9576
#ee9576
rgb(238,149,118)
-
#f0a287
#f0a287
rgb(240,162,135)
-
#f2b099
#f2b099
rgb(242,176,153)
-
#f4bdaa
#f4bdaa
rgb(244,189,170)
-
#f7cbbb
#f7cbbb
rgb(247,203,187)
-
#f9d8cd
#f9d8cd
rgb(249,216,205)
-
#fbe6de
#fbe6de
rgb(251,230,222)
-
#fdf3f0
#fdf3f0
rgb(253,243,240)
Tones of #e55f30
A tone is produced by adding gray to any pure hue. In this case, #8b8a8a is the less saturated color, while #f7561e is the most saturated one.
-
#8b8a8a
#8b8a8a
rgb(139,138,138)
-
#948681
#948681
rgb(148,134,129)
-
#9d8178
#9d8178
rgb(157,129,120)
-
#a67d6f
#a67d6f
rgb(166,125,111)
-
#af7966
#af7966
rgb(175,121,102)
-
#b8755d
#b8755d
rgb(184,117,93)
-
#c17054
#c17054
rgb(193,112,84)
-
#ca6c4b
#ca6c4b
rgb(202,108,75)
-
#d36842
#d36842
rgb(211,104,66)
-
#dc6339
#dc6339
rgb(220,99,57)
-
#e55f30
#e55f30
rgb(229,95,48)
-
#ee5b27
#ee5b27
rgb(238,91,39)
-
#f7561e
#f7561e
rgb(247,86,30)
Color Blindness Simulator
Below, you can see how #e55f30 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.