#ff0100 Color Information
In a RGB color space, hex #ff0100 is composed of 100% red, 0.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 100% yellow and 0% black. It has a hue angle of 0.2 degrees, a saturation of 100% and a lightness of 50%. #ff0100 color hex could be obtained by blending #ff0200 with #ff0000. Closest websafe color is: #ff0000.
-
- R 100
- G 0
- B 0
-
- C 0
- M 100
- Y 100
- K 0
● #ff0100 color description : Pure (or mostly pure) red.
#ff0100 Color Conversion
The hexadecimal color #ff0100 has RGB values of R:255, G:1, B:0 and CMYK values of C:0, M:1, Y:1, K:0. Its decimal value is 16711936.
Hex triplet | ff0100 | #ff0100 |
---|---|---|
RGB Decimal | 255, 1, 0 | rgb(255,1,0) |
RGB Percent | 100, 0.4, 0 | rgb(100%,0.4%,0%) |
CMYK | 0, 100, 100, 0 | |
HSL | 0.2°, 100, 50 | hsl(0.2,100%,50%) |
HSV (or HSB) | 0.2°, 100, 100 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 53.263, 80.022, 67.209 |
---|---|
XYZ | 41.253, 21.287, 1.937 |
xyY | 0.64, 0.33, 21.287 |
CIE-LCH | 53.263, 104.502, 40.026 |
CIE-LUV | 53.263, 174.873, 37.798 |
Hunter-Lab | 46.138, 78.859, 29.808 |
Binary | 11111111, 00000001, 00000000 |
Color Schemes with #ff0100
Alternatives to #ff0100
Below, you can see some colors close to #ff0100. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff0100 Preview
This text has a font color of #ff0100.
<span style="color:#ff0100;">Text here</span>
This paragraph has a background color of #ff0100.
<p style="background-color:#ff0100;">Content here</p>
This element has a border color of #ff0100.
<div style="border:1px solid #ff0100;">Content here</div>
.text {color:#ff0100;}
.background {background-color:#ff0100;}
.border {border:1px solid #ff0100;}
Shades and Tints of #ff0100
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, #140000 is the darkest color, while #ffffff is the lightest one.
-
#140000
#140000
rgb(20,0,0)
-
#270000
#270000
rgb(39,0,0)
-
#3b0000
#3b0000
rgb(59,0,0)
-
#4e0000
#4e0000
rgb(78,0,0)
-
#620000
#620000
rgb(98,0,0)
-
#760000
#760000
rgb(118,0,0)
-
#890100
#890100
rgb(137,1,0)
-
#9d0100
#9d0100
rgb(157,1,0)
-
#b10100
#b10100
rgb(177,1,0)
-
#c40100
#c40100
rgb(196,1,0)
-
#d80100
#d80100
rgb(216,1,0)
-
#eb0100
#eb0100
rgb(235,1,0)
-
#ff0100
#ff0100
rgb(255,1,0)
-
#ff1514
#ff1514
rgb(255,21,20)
-
#ff2827
#ff2827
rgb(255,40,39)
-
#ff3c3b
#ff3c3b
rgb(255,60,59)
-
#ff4f4e
#ff4f4e
rgb(255,79,78)
-
#ff6362
#ff6362
rgb(255,99,98)
-
#ff7676
#ff7676
rgb(255,118,118)
-
#ff8a89
#ff8a89
rgb(255,138,137)
-
#ff9d9d
#ff9d9d
rgb(255,157,157)
-
#ffb1b1
#ffb1b1
rgb(255,177,177)
-
#ffc4c4
#ffc4c4
rgb(255,196,196)
-
#ffd8d8
#ffd8d8
rgb(255,216,216)
-
#ffebeb
#ffebeb
rgb(255,235,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ff0100
A tone is produced by adding gray to any pure hue. In this case, #897676 is the less saturated color, while #ff0100 is the most saturated one.
-
#897676
#897676
rgb(137,118,118)
-
#936c6c
#936c6c
rgb(147,108,108)
-
#9d6262
#9d6262
rgb(157,98,98)
-
#a75958
#a75958
rgb(167,89,88)
-
#b14f4e
#b14f4e
rgb(177,79,78)
-
#ba4545
#ba4545
rgb(186,69,69)
-
#c43b3b
#c43b3b
rgb(196,59,59)
-
#ce3231
#ce3231
rgb(206,50,49)
-
#d82827
#d82827
rgb(216,40,39)
-
#e21e1d
#e21e1d
rgb(226,30,29)
-
#eb1414
#eb1414
rgb(235,20,20)
-
#f50b0a
#f50b0a
rgb(245,11,10)
-
#ff0100
#ff0100
rgb(255,1,0)
Color Blindness Simulator
Below, you can see how #ff0100 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.