#ed661f Color Information
In a RGB color space, hex #ed661f is composed of 92.9% red, 40% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 86.9% yellow and 7.1% black. It has a hue angle of 20.7 degrees, a saturation of 85.1% and a lightness of 52.5%. #ed661f color hex could be obtained by blending #ffcc3e with #db0000. Closest websafe color is: #ff6633.
-
- R 93
- G 40
- B 12
-
- C 0
- M 57
- Y 87
- K 7
● #ed661f color description : Vivid orange.
#ed661f Color Conversion
The hexadecimal color #ed661f has RGB values of R:237, G:102, B:31 and CMYK values of C:0, M:0.57, Y:0.87, K:0.07. Its decimal value is 15558175.
Hex triplet | ed661f | #ed661f |
---|---|---|
RGB Decimal | 237, 102, 31 | rgb(237,102,31) |
RGB Percent | 92.9, 40, 12.2 | rgb(92.9%,40%,12.2%) |
CMYK | 0, 57, 87, 7 | |
HSL | 20.7°, 85.1, 52.5 | hsl(20.7,85.1%,52.5%) |
HSV (or HSB) | 20.7°, 86.9, 92.9 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.535, 48.879, 60.966 |
---|---|
XYZ | 39.925, 27.61, 4.523 |
xyY | 0.554, 0.383, 27.61 |
CIE-LCH | 59.535, 78.141, 51.279 |
CIE-LUV | 59.535, 111.185, 48.782 |
Hunter-Lab | 52.546, 43.674, 31.678 |
Binary | 11101101, 01100110, 00011111 |
Color Schemes with #ed661f
Alternatives to #ed661f
Below, you can see some colors close to #ed661f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ed661f Preview
This text has a font color of #ed661f.
<span style="color:#ed661f;">Text here</span>
This paragraph has a background color of #ed661f.
<p style="background-color:#ed661f;">Content here</p>
This element has a border color of #ed661f.
<div style="border:1px solid #ed661f;">Content here</div>
.text {color:#ed661f;}
.background {background-color:#ed661f;}
.border {border:1px solid #ed661f;}
Shades and Tints of #ed661f
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, #0c0501 is the darkest color, while #fffbf9 is the lightest one.
-
#0c0501
#0c0501
rgb(12,5,1)
-
#1e0c02
#1e0c02
rgb(30,12,2)
-
#301304
#301304
rgb(48,19,4)
-
#431a05
#431a05
rgb(67,26,5)
-
#552207
#552207
rgb(85,34,7)
-
#672908
#672908
rgb(103,41,8)
-
#79300a
#79300a
rgb(121,48,10)
-
#8b370b
#8b370b
rgb(139,55,11)
-
#9d3e0d
#9d3e0d
rgb(157,62,13)
-
#af460e
#af460e
rgb(175,70,14)
-
#c24d10
#c24d10
rgb(194,77,16)
-
#d45411
#d45411
rgb(212,84,17)
-
#e65b12
#e65b12
rgb(230,91,18)
-
#ed661f
#ed661f
rgb(237,102,31)
-
#ee7231
#ee7231
rgb(238,114,49)
-
#f07f43
#f07f43
rgb(240,127,67)
-
#f18b55
#f18b55
rgb(241,139,85)
-
#f39868
#f39868
rgb(243,152,104)
-
#f4a47a
#f4a47a
rgb(244,164,122)
-
#f6b08c
#f6b08c
rgb(246,176,140)
-
#f7bd9e
#f7bd9e
rgb(247,189,158)
-
#f9c9b0
#f9c9b0
rgb(249,201,176)
-
#fad6c2
#fad6c2
rgb(250,214,194)
-
#fce2d5
#fce2d5
rgb(252,226,213)
-
#fdeee7
#fdeee7
rgb(253,238,231)
-
#fffbf9
#fffbf9
rgb(255,251,249)
Tones of #ed661f
A tone is produced by adding gray to any pure hue. In this case, #878685 is the less saturated color, while #f66316 is the most saturated one.
-
#878685
#878685
rgb(135,134,133)
-
#90837c
#90837c
rgb(144,131,124)
-
#998073
#998073
rgb(153,128,115)
-
#a37d69
#a37d69
rgb(163,125,105)
-
#ac7a60
#ac7a60
rgb(172,122,96)
-
#b57757
#b57757
rgb(181,119,87)
-
#be744e
#be744e
rgb(190,116,78)
-
#c87244
#c87244
rgb(200,114,68)
-
#d16f3b
#d16f3b
rgb(209,111,59)
-
#da6c32
#da6c32
rgb(218,108,50)
-
#e46928
#e46928
rgb(228,105,40)
-
#ed661f
#ed661f
rgb(237,102,31)
-
#f66316
#f66316
rgb(246,99,22)
Color Blindness Simulator
Below, you can see how #ed661f 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.