#ff500b Color Information
In a RGB color space, hex #ff500b is composed of 100% red, 31.4% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 95.7% yellow and 0% black. It has a hue angle of 17 degrees, a saturation of 100% and a lightness of 52.2%. #ff500b color hex could be obtained by blending #ffa016 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 31
- B 4
-
- C 0
- M 69
- Y 96
- K 0
● #ff500b color description : Vivid orange.
#ff500b Color Conversion
The hexadecimal color #ff500b has RGB values of R:255, G:80, B:11 and CMYK values of C:0, M:0.69, Y:0.96, K:0. Its decimal value is 16732171.
Hex triplet | ff500b | #ff500b |
---|---|---|
RGB Decimal | 255, 80, 11 | rgb(255,80,11) |
RGB Percent | 100, 31.4, 4.3 | rgb(100%,31.4%,4.3%) |
CMYK | 0, 69, 96, 0 | |
HSL | 17°, 100, 52.2 | hsl(17,100%,52.2%) |
HSV (or HSB) | 17°, 95.7, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 58.999, 64.019, 67.541 |
---|---|
XYZ | 44.171, 27.027, 3.207 |
xyY | 0.594, 0.363, 27.027 |
CIE-LCH | 58.999, 93.06, 46.533 |
CIE-LUV | 58.999, 143.374, 47.074 |
Hunter-Lab | 51.987, 60.686, 32.733 |
Binary | 11111111, 01010000, 00001011 |
Color Schemes with #ff500b
Alternatives to #ff500b
Below, you can see some colors close to #ff500b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff500b Preview
This text has a font color of #ff500b.
<span style="color:#ff500b;">Text here</span>
This paragraph has a background color of #ff500b.
<p style="background-color:#ff500b;">Content here</p>
This element has a border color of #ff500b.
<div style="border:1px solid #ff500b;">Content here</div>
.text {color:#ff500b;}
.background {background-color:#ff500b;}
.border {border:1px solid #ff500b;}
Shades and Tints of #ff500b
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, #0b0300 is the darkest color, while #fff9f6 is the lightest one.
-
#0b0300
#0b0300
rgb(11,3,0)
-
#1f0900
#1f0900
rgb(31,9,0)
-
#320e00
#320e00
rgb(50,14,0)
-
#461400
#461400
rgb(70,20,0)
-
#591900
#591900
rgb(89,25,0)
-
#6d1f00
#6d1f00
rgb(109,31,0)
-
#812400
#812400
rgb(129,36,0)
-
#942a00
#942a00
rgb(148,42,0)
-
#a82f00
#a82f00
rgb(168,47,0)
-
#bc3500
#bc3500
rgb(188,53,0)
-
#cf3b00
#cf3b00
rgb(207,59,0)
-
#e34000
#e34000
rgb(227,64,0)
-
#f64600
#f64600
rgb(246,70,0)
-
#ff500b
#ff500b
rgb(255,80,11)
-
#ff5e1f
#ff5e1f
rgb(255,94,31)
-
#ff6c32
#ff6c32
rgb(255,108,50)
-
#ff7a46
#ff7a46
rgb(255,122,70)
-
#ff8859
#ff8859
rgb(255,136,89)
-
#ff966d
#ff966d
rgb(255,150,109)
-
#ffa481
#ffa481
rgb(255,164,129)
-
#ffb294
#ffb294
rgb(255,178,148)
-
#ffc1a8
#ffc1a8
rgb(255,193,168)
-
#ffcfbc
#ffcfbc
rgb(255,207,188)
-
#ffddcf
#ffddcf
rgb(255,221,207)
-
#ffebe3
#ffebe3
rgb(255,235,227)
-
#fff9f6
#fff9f6
rgb(255,249,246)
Tones of #ff500b
A tone is produced by adding gray to any pure hue. In this case, #8e817c is the less saturated color, while #ff500b is the most saturated one.
-
#8e817c
#8e817c
rgb(142,129,124)
-
#987d72
#987d72
rgb(152,125,114)
-
#a17969
#a17969
rgb(161,121,105)
-
#ab755f
#ab755f
rgb(171,117,95)
-
#b47156
#b47156
rgb(180,113,86)
-
#bd6d4d
#bd6d4d
rgb(189,109,77)
-
#c76843
#c76843
rgb(199,104,67)
-
#d0643a
#d0643a
rgb(208,100,58)
-
#d96031
#d96031
rgb(217,96,49)
-
#e35c27
#e35c27
rgb(227,92,39)
-
#ec581e
#ec581e
rgb(236,88,30)
-
#f65414
#f65414
rgb(246,84,20)
-
#ff500b
#ff500b
rgb(255,80,11)
Color Blindness Simulator
Below, you can see how #ff500b 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.