#f303f5 Color Information
In a RGB color space, hex #f303f5 is composed of 95.3% red, 1.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 98.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 299.5 degrees, a saturation of 97.6% and a lightness of 48.6%. #f303f5 color hex could be obtained by blending #ff06ff with #e700eb. Closest websafe color is: #ff00ff.
-
- R 95
- G 1
- B 96
-
- C 1
- M 99
- Y 0
- K 4
● #f303f5 color description : Vivid magenta.
#f303f5 Color Conversion
The hexadecimal color #f303f5 has RGB values of R:243, G:3, B:245 and CMYK values of C:0.01, M:0.99, Y:0, K:0.04. Its decimal value is 15926261.
Hex triplet | f303f5 | #f303f5 |
---|---|---|
RGB Decimal | 243, 3, 245 | rgb(243,3,245) |
RGB Percent | 95.3, 1.2, 96.1 | rgb(95.3%,1.2%,96.1%) |
CMYK | 1, 99, 0, 4 | |
HSL | 299.5°, 97.6, 48.6 | hsl(299.5,97.6%,48.6%) |
HSV (or HSB) | 299.5°, 98.8, 96.1 | |
Web Safe | ff00ff | #ff00ff |
CIE-LAB | 57.767, 94.81, -59.485 |
---|---|
XYZ | 53.475, 25.716, 88.528 |
xyY | 0.319, 0.153, 25.716 |
CIE-LCH | 57.767, 111.926, 327.895 |
CIE-LUV | 57.767, 79.339, -105.1 |
Hunter-Lab | 50.711, 99.485, -68.007 |
Binary | 11110011, 00000011, 11110101 |
Color Schemes with #f303f5
Alternatives to #f303f5
Below, you can see some colors close to #f303f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f303f5 Preview
This text has a font color of #f303f5.
<span style="color:#f303f5;">Text here</span>
This paragraph has a background color of #f303f5.
<p style="background-color:#f303f5;">Content here</p>
This element has a border color of #f303f5.
<div style="border:1px solid #f303f5;">Content here</div>
.text {color:#f303f5;}
.background {background-color:#f303f5;}
.border {border:1px solid #f303f5;}
Shades and Tints of #f303f5
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, #0c000c is the darkest color, while #fff8ff is the lightest one.
-
#0c000c
#0c000c
rgb(12,0,12)
-
#200020
#200020
rgb(32,0,32)
-
#330133
#330133
rgb(51,1,51)
-
#460147
#460147
rgb(70,1,71)
-
#59015a
#59015a
rgb(89,1,90)
-
#6c016d
#6c016d
rgb(108,1,109)
-
#800281
#800281
rgb(128,2,129)
-
#930294
#930294
rgb(147,2,148)
-
#a602a7
#a602a7
rgb(166,2,167)
-
#b902bb
#b902bb
rgb(185,2,187)
-
#cd03ce
#cd03ce
rgb(205,3,206)
-
#e003e2
#e003e2
rgb(224,3,226)
-
#f303f5
#f303f5
rgb(243,3,245)
-
#fa10fc
#fa10fc
rgb(250,16,252)
-
#fb23fc
#fb23fc
rgb(251,35,252)
-
#fb36fd
#fb36fd
rgb(251,54,253)
-
#fb4afd
#fb4afd
rgb(251,74,253)
-
#fc5dfd
#fc5dfd
rgb(252,93,253)
-
#fc70fd
#fc70fd
rgb(252,112,253)
-
#fc84fd
#fc84fd
rgb(252,132,253)
-
#fd97fe
#fd97fe
rgb(253,151,254)
-
#fdabfe
#fdabfe
rgb(253,171,254)
-
#febefe
#febefe
rgb(254,190,254)
-
#fed1fe
#fed1fe
rgb(254,209,254)
-
#fee5ff
#fee5ff
rgb(254,229,255)
-
#fff8ff
#fff8ff
rgb(255,248,255)
Tones of #f303f5
A tone is produced by adding gray to any pure hue. In this case, #827583 is the less saturated color, while #f303f5 is the most saturated one.
-
#827583
#827583
rgb(130,117,131)
-
#8c6c8c
#8c6c8c
rgb(140,108,140)
-
#956296
#956296
rgb(149,98,150)
-
#9f599f
#9f599f
rgb(159,89,159)
-
#a84fa9
#a84fa9
rgb(168,79,169)
-
#b146b2
#b146b2
rgb(177,70,178)
-
#bb3cbc
#bb3cbc
rgb(187,60,188)
-
#c433c5
#c433c5
rgb(196,51,197)
-
#cd29cf
#cd29cf
rgb(205,41,207)
-
#d720d8
#d720d8
rgb(215,32,216)
-
#e016e2
#e016e2
rgb(224,22,226)
-
#ea0deb
#ea0deb
rgb(234,13,235)
-
#f303f5
#f303f5
rgb(243,3,245)
Color Blindness Simulator
Below, you can see how #f303f5 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.