#ff5101 Color Information
In a RGB color space, hex #ff5101 is composed of 100% red, 31.8% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.2% magenta, 99.6% yellow and 0% black. It has a hue angle of 18.9 degrees, a saturation of 100% and a lightness of 50.2%. #ff5101 color hex could be obtained by blending #ffa202 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 32
- B 0
-
- C 0
- M 68
- Y 100
- K 0
● #ff5101 color description : Vivid orange.
#ff5101 Color Conversion
The hexadecimal color #ff5101 has RGB values of R:255, G:81, B:1 and CMYK values of C:0, M:0.68, Y:1, K:0. Its decimal value is 16732417.
Hex triplet | ff5101 | #ff5101 |
---|---|---|
RGB Decimal | 255, 81, 1 | rgb(255,81,1) |
RGB Percent | 100, 31.8, 0.4 | rgb(100%,31.8%,0.4%) |
CMYK | 0, 68, 100, 0 | |
HSL | 18.9°, 100, 50.2 | hsl(18.9,100%,50.2%) |
HSV (or HSB) | 18.9°, 99.6, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 59.115, 63.574, 69.488 |
---|---|
XYZ | 44.19, 27.152, 2.943 |
xyY | 0.595, 0.366, 27.152 |
CIE-LCH | 59.115, 94.182, 47.545 |
CIE-LUV | 59.115, 143.07, 48.073 |
Hunter-Lab | 52.108, 60.188, 33.127 |
Binary | 11111111, 01010001, 00000001 |
Color Schemes with #ff5101
Alternatives to #ff5101
Below, you can see some colors close to #ff5101. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5101 Preview
This text has a font color of #ff5101.
<span style="color:#ff5101;">Text here</span>
This paragraph has a background color of #ff5101.
<p style="background-color:#ff5101;">Content here</p>
This element has a border color of #ff5101.
<div style="border:1px solid #ff5101;">Content here</div>
.text {color:#ff5101;}
.background {background-color:#ff5101;}
.border {border:1px solid #ff5101;}
Shades and Tints of #ff5101
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, #010000 is the darkest color, while #fff2ec is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#150600
#150600
rgb(21,6,0)
-
#280d00
#280d00
rgb(40,13,0)
-
#3c1300
#3c1300
rgb(60,19,0)
-
#4f1900
#4f1900
rgb(79,25,0)
-
#631f00
#631f00
rgb(99,31,0)
-
#772500
#772500
rgb(119,37,0)
-
#8a2c00
#8a2c00
rgb(138,44,0)
-
#9e3200
#9e3200
rgb(158,50,0)
-
#b23800
#b23800
rgb(178,56,0)
-
#c53e00
#c53e00
rgb(197,62,0)
-
#d94400
#d94400
rgb(217,68,0)
-
#ec4a00
#ec4a00
rgb(236,74,0)
-
#ff5101
#ff5101
rgb(255,81,1)
-
#ff5e15
#ff5e15
rgb(255,94,21)
-
#ff6c28
#ff6c28
rgb(255,108,40)
-
#ff793c
#ff793c
rgb(255,121,60)
-
#ff874f
#ff874f
rgb(255,135,79)
-
#ff9463
#ff9463
rgb(255,148,99)
-
#ffa277
#ffa277
rgb(255,162,119)
-
#ffaf8a
#ffaf8a
rgb(255,175,138)
-
#ffbc9e
#ffbc9e
rgb(255,188,158)
-
#ffcab2
#ffcab2
rgb(255,202,178)
-
#ffd7c5
#ffd7c5
rgb(255,215,197)
-
#ffe5d9
#ffe5d9
rgb(255,229,217)
-
#fff2ec
#fff2ec
rgb(255,242,236)
Tones of #ff5101
A tone is produced by adding gray to any pure hue. In this case, #8a7c76 is the less saturated color, while #ff5101 is the most saturated one.
-
#8a7c76
#8a7c76
rgb(138,124,118)
-
#94796c
#94796c
rgb(148,121,108)
-
#9d7563
#9d7563
rgb(157,117,99)
-
#a77259
#a77259
rgb(167,114,89)
-
#b16e4f
#b16e4f
rgb(177,110,79)
-
#bb6a45
#bb6a45
rgb(187,106,69)
-
#c4673c
#c4673c
rgb(196,103,60)
-
#ce6332
#ce6332
rgb(206,99,50)
-
#d85f28
#d85f28
rgb(216,95,40)
-
#e25c1e
#e25c1e
rgb(226,92,30)
-
#eb5815
#eb5815
rgb(235,88,21)
-
#f5550b
#f5550b
rgb(245,85,11)
-
#ff5101
#ff5101
rgb(255,81,1)
Color Blindness Simulator
Below, you can see how #ff5101 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.