#ff500c Color Information
In a RGB color space, hex #ff500c is composed of 100% red, 31.4% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 95.3% yellow and 0% black. It has a hue angle of 16.8 degrees, a saturation of 100% and a lightness of 52.4%. #ff500c color hex could be obtained by blending #ffa018 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 31
- B 5
-
- C 0
- M 69
- Y 95
- K 0
● #ff500c color description : Vivid orange.
#ff500c Color Conversion
The hexadecimal color #ff500c has RGB values of R:255, G:80, B:12 and CMYK values of C:0, M:0.69, Y:0.95, K:0. Its decimal value is 16732172.
Hex triplet | ff500c | #ff500c |
---|---|---|
RGB Decimal | 255, 80, 12 | rgb(255,80,12) |
RGB Percent | 100, 31.4, 4.7 | rgb(100%,31.4%,4.7%) |
CMYK | 0, 69, 95, 0 | |
HSL | 16.8°, 100, 52.4 | hsl(16.8,100%,52.4%) |
HSV (or HSB) | 16.8°, 95.3, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 59.001, 64.027, 67.344 |
---|---|
XYZ | 44.177, 27.029, 3.239 |
xyY | 0.593, 0.363, 27.029 |
CIE-LCH | 59.001, 92.923, 46.446 |
CIE-LUV | 59.001, 143.332, 46.991 |
Hunter-Lab | 51.99, 60.696, 32.699 |
Binary | 11111111, 01010000, 00001100 |
Color Schemes with #ff500c
Alternatives to #ff500c
Below, you can see some colors close to #ff500c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff500c Preview
This text has a font color of #ff500c.
<span style="color:#ff500c;">Text here</span>
This paragraph has a background color of #ff500c.
<p style="background-color:#ff500c;">Content here</p>
This element has a border color of #ff500c.
<div style="border:1px solid #ff500c;">Content here</div>
.text {color:#ff500c;}
.background {background-color:#ff500c;}
.border {border:1px solid #ff500c;}
Shades and Tints of #ff500c
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, #0c0300 is the darkest color, while #fffaf7 is the lightest one.
-
#0c0300
#0c0300
rgb(12,3,0)
-
#200900
#200900
rgb(32,9,0)
-
#330e00
#330e00
rgb(51,14,0)
-
#471400
#471400
rgb(71,20,0)
-
#5a1900
#5a1900
rgb(90,25,0)
-
#6e1f00
#6e1f00
rgb(110,31,0)
-
#822400
#822400
rgb(130,36,0)
-
#952a00
#952a00
rgb(149,42,0)
-
#a92f00
#a92f00
rgb(169,47,0)
-
#bd3500
#bd3500
rgb(189,53,0)
-
#d03a00
#d03a00
rgb(208,58,0)
-
#e44000
#e44000
rgb(228,64,0)
-
#f74500
#f74500
rgb(247,69,0)
-
#ff500c
#ff500c
rgb(255,80,12)
-
#ff5e20
#ff5e20
rgb(255,94,32)
-
#ff6c33
#ff6c33
rgb(255,108,51)
-
#ff7a47
#ff7a47
rgb(255,122,71)
-
#ff895a
#ff895a
rgb(255,137,90)
-
#ff976e
#ff976e
rgb(255,151,110)
-
#ffa582
#ffa582
rgb(255,165,130)
-
#ffb395
#ffb395
rgb(255,179,149)
-
#ffc1a9
#ffc1a9
rgb(255,193,169)
-
#ffcfbd
#ffcfbd
rgb(255,207,189)
-
#ffddd0
#ffddd0
rgb(255,221,208)
-
#ffebe4
#ffebe4
rgb(255,235,228)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #ff500c
A tone is produced by adding gray to any pure hue. In this case, #8f817c is the less saturated color, while #ff500c is the most saturated one.
-
#8f817c
#8f817c
rgb(143,129,124)
-
#987d73
#987d73
rgb(152,125,115)
-
#a27969
#a27969
rgb(162,121,105)
-
#ab7560
#ab7560
rgb(171,117,96)
-
#b47157
#b47157
rgb(180,113,87)
-
#be6d4d
#be6d4d
rgb(190,109,77)
-
#c76944
#c76944
rgb(199,105,68)
-
#d0653b
#d0653b
rgb(208,101,59)
-
#da6031
#da6031
rgb(218,96,49)
-
#e35c28
#e35c28
rgb(227,92,40)
-
#ec581f
#ec581f
rgb(236,88,31)
-
#f65415
#f65415
rgb(246,84,21)
-
#ff500c
#ff500c
rgb(255,80,12)
Color Blindness Simulator
Below, you can see how #ff500c 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.