#ff5105 Color Information
In a RGB color space, hex #ff5105 is composed of 100% red, 31.8% green and 2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.2% magenta, 98% yellow and 0% black. It has a hue angle of 18.2 degrees, a saturation of 100% and a lightness of 51%. #ff5105 color hex could be obtained by blending #ffa20a with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 32
- B 2
-
- C 0
- M 68
- Y 98
- K 0
● #ff5105 color description : Vivid orange.
#ff5105 Color Conversion
The hexadecimal color #ff5105 has RGB values of R:255, G:81, B:5 and CMYK values of C:0, M:0.68, Y:0.98, K:0. Its decimal value is 16732421.
Hex triplet | ff5105 | #ff5105 |
---|---|---|
RGB Decimal | 255, 81, 5 | rgb(255,81,5) |
RGB Percent | 100, 31.8, 2 | rgb(100%,31.8%,2%) |
CMYK | 0, 68, 98, 0 | |
HSL | 18.2°, 100, 51 | hsl(18.2,100%,51%) |
HSV (or HSB) | 18.2°, 98, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 59.123, 63.603, 68.728 |
---|---|
XYZ | 44.212, 27.161, 3.058 |
xyY | 0.594, 0.365, 27.161 |
CIE-LCH | 59.123, 93.642, 47.218 |
CIE-LUV | 59.123, 142.916, 47.769 |
Hunter-Lab | 52.116, 60.224, 33.002 |
Binary | 11111111, 01010001, 00000101 |
Color Schemes with #ff5105
Alternatives to #ff5105
Below, you can see some colors close to #ff5105. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5105 Preview
This text has a font color of #ff5105.
<span style="color:#ff5105;">Text here</span>
This paragraph has a background color of #ff5105.
<p style="background-color:#ff5105;">Content here</p>
This element has a border color of #ff5105.
<div style="border:1px solid #ff5105;">Content here</div>
.text {color:#ff5105;}
.background {background-color:#ff5105;}
.border {border:1px solid #ff5105;}
Shades and Tints of #ff5105
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, #050200 is the darkest color, while #fff5f0 is the lightest one.
-
#050200
#050200
rgb(5,2,0)
-
#190700
#190700
rgb(25,7,0)
-
#2c0d00
#2c0d00
rgb(44,13,0)
-
#401300
#401300
rgb(64,19,0)
-
#531900
#531900
rgb(83,25,0)
-
#671f00
#671f00
rgb(103,31,0)
-
#7b2500
#7b2500
rgb(123,37,0)
-
#8e2b00
#8e2b00
rgb(142,43,0)
-
#a23100
#a23100
rgb(162,49,0)
-
#b63700
#b63700
rgb(182,55,0)
-
#c93d00
#c93d00
rgb(201,61,0)
-
#dd4300
#dd4300
rgb(221,67,0)
-
#f04900
#f04900
rgb(240,73,0)
-
#ff5105
#ff5105
rgb(255,81,5)
-
#ff5f19
#ff5f19
rgb(255,95,25)
-
#ff6c2c
#ff6c2c
rgb(255,108,44)
-
#ff7a40
#ff7a40
rgb(255,122,64)
-
#ff8853
#ff8853
rgb(255,136,83)
-
#ff9567
#ff9567
rgb(255,149,103)
-
#ffa37b
#ffa37b
rgb(255,163,123)
-
#ffb18e
#ffb18e
rgb(255,177,142)
-
#ffbea2
#ffbea2
rgb(255,190,162)
-
#ffccb6
#ffccb6
rgb(255,204,182)
-
#ffdac9
#ffdac9
rgb(255,218,201)
-
#ffe7dd
#ffe7dd
rgb(255,231,221)
-
#fff5f0
#fff5f0
rgb(255,245,240)
Tones of #ff5105
A tone is produced by adding gray to any pure hue. In this case, #8c7e78 is the less saturated color, while #ff5105 is the most saturated one.
-
#8c7e78
#8c7e78
rgb(140,126,120)
-
#957a6f
#957a6f
rgb(149,122,111)
-
#9f7765
#9f7765
rgb(159,119,101)
-
#a8735c
#a8735c
rgb(168,115,92)
-
#b26f52
#b26f52
rgb(178,111,82)
-
#bc6b48
#bc6b48
rgb(188,107,72)
-
#c5683f
#c5683f
rgb(197,104,63)
-
#cf6435
#cf6435
rgb(207,100,53)
-
#d9602b
#d9602b
rgb(217,96,43)
-
#e25c22
#e25c22
rgb(226,92,34)
-
#ec5918
#ec5918
rgb(236,89,24)
-
#f5550f
#f5550f
rgb(245,85,15)
-
#ff5105
#ff5105
rgb(255,81,5)
Color Blindness Simulator
Below, you can see how #ff5105 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.