#ff00f4 Color Information
In a RGB color space, hex #ff00f4 is composed of 100% red, 0% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 4.3% yellow and 0% black. It has a hue angle of 302.6 degrees, a saturation of 100% and a lightness of 50%. #ff00f4 color hex could be obtained by blending #ff00ff with #ff00e9. Closest websafe color is: #ff00ff.
-
- R 100
- G 0
- B 96
-
- C 0
- M 100
- Y 4
- K 0
● #ff00f4 color description : Pure (or mostly pure) magenta.
#ff00f4 Color Conversion
The hexadecimal color #ff00f4 has RGB values of R:255, G:0, B:244 and CMYK values of C:0, M:1, Y:0.04, K:0. Its decimal value is 16711924.
Hex triplet | ff00f4 | #ff00f4 |
---|---|---|
RGB Decimal | 255, 0, 244 | rgb(255,0,244) |
RGB Percent | 100, 0, 95.7 | rgb(100%,0%,95.7%) |
CMYK | 0, 100, 4, 0 | |
HSL | 302.6°, 100, 50 | hsl(302.6,100%,50%) |
HSV (or HSB) | 302.6°, 100, 100 | |
Web Safe | ff00ff | #ff00ff |
CIE-LAB | 59.704, 96.733, -55.713 |
---|---|
XYZ | 57.568, 27.796, 87.916 |
xyY | 0.332, 0.16, 27.796 |
CIE-LCH | 59.704, 111.63, 330.06 |
CIE-LUV | 59.704, 88.54, -100.495 |
Hunter-Lab | 52.722, 102.645, -61.964 |
Binary | 11111111, 00000000, 11110100 |
Color Schemes with #ff00f4
Alternatives to #ff00f4
Below, you can see some colors close to #ff00f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff00f4 Preview
This text has a font color of #ff00f4.
<span style="color:#ff00f4;">Text here</span>
This paragraph has a background color of #ff00f4.
<p style="background-color:#ff00f4;">Content here</p>
This element has a border color of #ff00f4.
<div style="border:1px solid #ff00f4;">Content here</div>
.text {color:#ff00f4;}
.background {background-color:#ff00f4;}
.border {border:1px solid #ff00f4;}
Shades and Tints of #ff00f4
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, #140013 is the darkest color, while #ffffff is the lightest one.
-
#140013
#140013
rgb(20,0,19)
-
#270026
#270026
rgb(39,0,38)
-
#3b0038
#3b0038
rgb(59,0,56)
-
#4e004b
#4e004b
rgb(78,0,75)
-
#62005e
#62005e
rgb(98,0,94)
-
#760071
#760071
rgb(118,0,113)
-
#890083
#890083
rgb(137,0,131)
-
#9d0096
#9d0096
rgb(157,0,150)
-
#b100a9
#b100a9
rgb(177,0,169)
-
#c400bc
#c400bc
rgb(196,0,188)
-
#d800ce
#d800ce
rgb(216,0,206)
-
#eb00e1
#eb00e1
rgb(235,0,225)
-
#ff00f4
#ff00f4
rgb(255,0,244)
-
#ff14f5
#ff14f5
rgb(255,20,245)
-
#ff27f6
#ff27f6
rgb(255,39,246)
-
#ff3bf7
#ff3bf7
rgb(255,59,247)
-
#ff4ef7
#ff4ef7
rgb(255,78,247)
-
#ff62f8
#ff62f8
rgb(255,98,248)
-
#ff76f9
#ff76f9
rgb(255,118,249)
-
#ff89fa
#ff89fa
rgb(255,137,250)
-
#ff9dfb
#ff9dfb
rgb(255,157,251)
-
#ffb1fc
#ffb1fc
rgb(255,177,252)
-
#ffc4fc
#ffc4fc
rgb(255,196,252)
-
#ffd8fd
#ffd8fd
rgb(255,216,253)
-
#ffebfe
#ffebfe
rgb(255,235,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ff00f4
A tone is produced by adding gray to any pure hue. In this case, #897688 is the less saturated color, while #ff00f4 is the most saturated one.
-
#897688
#897688
rgb(137,118,136)
-
#936c91
#936c91
rgb(147,108,145)
-
#9d629a
#9d629a
rgb(157,98,154)
-
#a758a3
#a758a3
rgb(167,88,163)
-
#b14eac
#b14eac
rgb(177,78,172)
-
#ba45b5
#ba45b5
rgb(186,69,181)
-
#c43bbe
#c43bbe
rgb(196,59,190)
-
#ce31c7
#ce31c7
rgb(206,49,199)
-
#d827d0
#d827d0
rgb(216,39,208)
-
#e21dd9
#e21dd9
rgb(226,29,217)
-
#eb14e2
#eb14e2
rgb(235,20,226)
-
#f50aeb
#f50aeb
rgb(245,10,235)
-
#ff00f4
#ff00f4
rgb(255,0,244)
Color Blindness Simulator
Below, you can see how #ff00f4 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.