#ff500a Color Information
In a RGB color space, hex #ff500a is composed of 100% red, 31.4% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 96.1% yellow and 0% black. It has a hue angle of 17.1 degrees, a saturation of 100% and a lightness of 52%. #ff500a color hex could be obtained by blending #ffa014 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 31
- B 4
-
- C 0
- M 69
- Y 96
- K 0
● #ff500a color description : Vivid orange.
#ff500a Color Conversion
The hexadecimal color #ff500a has RGB values of R:255, G:80, B:10 and CMYK values of C:0, M:0.69, Y:0.96, K:0. Its decimal value is 16732170.
Hex triplet | ff500a | #ff500a |
---|---|---|
RGB Decimal | 255, 80, 10 | rgb(255,80,10) |
RGB Percent | 100, 31.4, 3.9 | rgb(100%,31.4%,3.9%) |
CMYK | 0, 69, 96, 0 | |
HSL | 17.1°, 100, 52 | hsl(17.1,100%,52%) |
HSV (or HSB) | 17.1°, 96.1, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 58.997, 64.012, 67.728 |
---|---|
XYZ | 44.166, 27.024, 3.178 |
xyY | 0.594, 0.363, 27.024 |
CIE-LCH | 58.997, 93.191, 46.616 |
CIE-LUV | 58.997, 143.414, 47.152 |
Hunter-Lab | 51.985, 60.677, 32.765 |
Binary | 11111111, 01010000, 00001010 |
Color Schemes with #ff500a
Alternatives to #ff500a
Below, you can see some colors close to #ff500a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff500a Preview
This text has a font color of #ff500a.
<span style="color:#ff500a;">Text here</span>
This paragraph has a background color of #ff500a.
<p style="background-color:#ff500a;">Content here</p>
This element has a border color of #ff500a.
<div style="border:1px solid #ff500a;">Content here</div>
.text {color:#ff500a;}
.background {background-color:#ff500a;}
.border {border:1px solid #ff500a;}
Shades and Tints of #ff500a
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, #0a0300 is the darkest color, while #fff8f5 is the lightest one.
-
#0a0300
#0a0300
rgb(10,3,0)
-
#1e0800
#1e0800
rgb(30,8,0)
-
#310e00
#310e00
rgb(49,14,0)
-
#451400
#451400
rgb(69,20,0)
-
#581900
#581900
rgb(88,25,0)
-
#6c1f00
#6c1f00
rgb(108,31,0)
-
#802400
#802400
rgb(128,36,0)
-
#932a00
#932a00
rgb(147,42,0)
-
#a73000
#a73000
rgb(167,48,0)
-
#bb3500
#bb3500
rgb(187,53,0)
-
#ce3b00
#ce3b00
rgb(206,59,0)
-
#e24100
#e24100
rgb(226,65,0)
-
#f54600
#f54600
rgb(245,70,0)
-
#ff500a
#ff500a
rgb(255,80,10)
-
#ff5e1e
#ff5e1e
rgb(255,94,30)
-
#ff6c31
#ff6c31
rgb(255,108,49)
-
#ff7a45
#ff7a45
rgb(255,122,69)
-
#ff8858
#ff8858
rgb(255,136,88)
-
#ff966c
#ff966c
rgb(255,150,108)
-
#ffa480
#ffa480
rgb(255,164,128)
-
#ffb293
#ffb293
rgb(255,178,147)
-
#ffc0a7
#ffc0a7
rgb(255,192,167)
-
#ffcebb
#ffcebb
rgb(255,206,187)
-
#ffdcce
#ffdcce
rgb(255,220,206)
-
#ffeae2
#ffeae2
rgb(255,234,226)
-
#fff8f5
#fff8f5
rgb(255,248,245)
Tones of #ff500a
A tone is produced by adding gray to any pure hue. In this case, #8e807b is the less saturated color, while #ff500a is the most saturated one.
-
#8e807b
#8e807b
rgb(142,128,123)
-
#977c72
#977c72
rgb(151,124,114)
-
#a17868
#a17868
rgb(161,120,104)
-
#aa745f
#aa745f
rgb(170,116,95)
-
#b47055
#b47055
rgb(180,112,85)
-
#bd6c4c
#bd6c4c
rgb(189,108,76)
-
#c66843
#c66843
rgb(198,104,67)
-
#d06439
#d06439
rgb(208,100,57)
-
#d96030
#d96030
rgb(217,96,48)
-
#e35c26
#e35c26
rgb(227,92,38)
-
#ec581d
#ec581d
rgb(236,88,29)
-
#f65413
#f65413
rgb(246,84,19)
-
#ff500a
#ff500a
rgb(255,80,10)
Color Blindness Simulator
Below, you can see how #ff500a 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.