#ed5503 Color Information
In a RGB color space, hex #ed5503 is composed of 92.9% red, 33.3% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 98.7% yellow and 7.1% black. It has a hue angle of 21 degrees, a saturation of 97.5% and a lightness of 47.1%. #ed5503 color hex could be obtained by blending #ffaa06 with #db0000. Closest websafe color is: #ff6600.
-
- R 93
- G 33
- B 1
-
- C 0
- M 64
- Y 99
- K 7
● #ed5503 color description : Vivid orange.
#ed5503 Color Conversion
The hexadecimal color #ed5503 has RGB values of R:237, G:85, B:3 and CMYK values of C:0, M:0.64, Y:0.99, K:0.07. Its decimal value is 15553795.
| Hex triplet | ed5503 | #ed5503 |
|---|---|---|
| RGB Decimal | 237, 85, 3 | rgb(237,85,3) |
| RGB Percent | 92.9, 33.3, 1.2 | rgb(92.9%,33.3%,1.2%) |
| CMYK | 0, 64, 99, 7 | |
| HSL | 21°, 97.5, 47.1 | hsl(21,97.5%,47.1%) |
| HSV (or HSB) | 21°, 98.7, 92.9 | |
| Web Safe | ff6600 | #ff6600 |
| CIE-LAB | 56.597, 56.042, 66.089 |
|---|---|
| XYZ | 38.192, 24.512, 2.807 |
| xyY | 0.583, 0.374, 24.512 |
| CIE-LCH | 56.597, 86.651, 49.703 |
| CIE-LUV | 56.597, 125.74, 47.206 |
| Hunter-Lab | 49.51, 51.051, 31.296 |
| Binary | 11101101, 01010101, 00000011 |
Color Schemes with #ed5503
Alternatives to #ed5503
Below, you can see some colors close to #ed5503. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ed5503 Preview
This text has a font color of #ed5503.
<span style="color:#ed5503;">Text here</span>
This paragraph has a background color of #ed5503.
<p style="background-color:#ed5503;">Content here</p>
This element has a border color of #ed5503.
<div style="border:1px solid #ed5503;">Content here</div>
.text {color:#ed5503;}
.background {background-color:#ed5503;}
.border {border:1px solid #ed5503;}
Shades and Tints of #ed5503
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, #050200 is the darkest color, while #fff5f0 is the lightest one.
-
#050200
#050200rgb(5,2,0) -
#180900
#180900rgb(24,9,0) -
#2b1001
#2b1001rgb(43,16,1) -
#3f1601
#3f1601rgb(63,22,1) -
#521d01
#521d01rgb(82,29,1) -
#652401
#652401rgb(101,36,1) -
#792b02
#792b02rgb(121,43,2) -
#8c3202
#8c3202rgb(140,50,2) -
#a03902
#a03902rgb(160,57,2) -
#b34002
#b34002rgb(179,64,2) -
#c64703
#c64703rgb(198,71,3) -
#da4e03
#da4e03rgb(218,78,3) -
#ed5503
#ed5503rgb(237,85,3)
-
#fc5d08
#fc5d08rgb(252,93,8) -
#fc6a1b
#fc6a1brgb(252,106,27) -
#fc772e
#fc772ergb(252,119,46) -
#fd8342
#fd8342rgb(253,131,66) -
#fd9055
#fd9055rgb(253,144,85) -
#fd9d69
#fd9d69rgb(253,157,105) -
#fda97c
#fda97crgb(253,169,124) -
#feb68f
#feb68frgb(254,182,143) -
#fec3a3
#fec3a3rgb(254,195,163) -
#fecfb6
#fecfb6rgb(254,207,182) -
#fedcc9
#fedcc9rgb(254,220,201) -
#ffe9dd
#ffe9ddrgb(255,233,221) -
#fff5f0
#fff5f0rgb(255,245,240)
Tones of #ed5503
A tone is produced by adding gray to any pure hue. In this case, #7e7672 is the less saturated color, while #ed5503 is the most saturated one.
-
#7e7672
#7e7672rgb(126,118,114) -
#877369
#877369rgb(135,115,105) -
#91715f
#91715frgb(145,113,95) -
#9a6e56
#9a6e56rgb(154,110,86) -
#a36b4d
#a36b4drgb(163,107,77) -
#ac6844
#ac6844rgb(172,104,68) -
#b6663a
#b6663argb(182,102,58) -
#bf6331
#bf6331rgb(191,99,49) -
#c86028
#c86028rgb(200,96,40) -
#d15d1f
#d15d1frgb(209,93,31) -
#db5b15
#db5b15rgb(219,91,21) -
#e4580c
#e4580crgb(228,88,12) -
#ed5503
#ed5503rgb(237,85,3)
Color Blindness Simulator
Below, you can see how #ed5503 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.
