#f304b2 Color Information
In a RGB color space, hex #f304b2 is composed of 95.3% red, 1.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 26.7% yellow and 4.7% black. It has a hue angle of 316.3 degrees, a saturation of 96.8% and a lightness of 48.4%. #f304b2 color hex could be obtained by blending #ff08ff with #e70065. Closest websafe color is: #ff0099.
-
- R 95
- G 2
- B 70
-
- C 0
- M 98
- Y 27
- K 5
● #f304b2 color description : Vivid pink.
#f304b2 Color Conversion
The hexadecimal color #f304b2 has RGB values of R:243, G:4, B:178 and CMYK values of C:0, M:0.98, Y:0.27, K:0.05. Its decimal value is 15926450.
Hex triplet | f304b2 | #f304b2 |
---|---|---|
RGB Decimal | 243, 4, 178 | rgb(243,4,178) |
RGB Percent | 95.3, 1.6, 69.8 | rgb(95.3%,1.6%,69.8%) |
CMYK | 0, 98, 27, 5 | |
HSL | 316.3°, 96.8, 48.4 | hsl(316.3,96.8%,48.4%) |
HSV (or HSB) | 316.3°, 98.4, 95.3 | |
Web Safe | ff0099 | #ff0099 |
CIE-LAB | 54.407, 86.34, -26.54 |
---|---|
XYZ | 45.042, 22.36, 44.061 |
xyY | 0.404, 0.201, 22.36 |
CIE-LCH | 54.407, 90.327, 342.913 |
CIE-LUV | 54.407, 108.654, -53.59 |
Hunter-Lab | 47.287, 87.275, -22.145 |
Binary | 11110011, 00000100, 10110010 |
Color Schemes with #f304b2
Alternatives to #f304b2
Below, you can see some colors close to #f304b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f304b2 Preview
This text has a font color of #f304b2.
<span style="color:#f304b2;">Text here</span>
This paragraph has a background color of #f304b2.
<p style="background-color:#f304b2;">Content here</p>
This element has a border color of #f304b2.
<div style="border:1px solid #f304b2;">Content here</div>
.text {color:#f304b2;}
.background {background-color:#f304b2;}
.border {border:1px solid #f304b2;}
Shades and Tints of #f304b2
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, #0b0008 is the darkest color, while #fff7fd is the lightest one.
-
#0b0008
#0b0008
rgb(11,0,8)
-
#1f0117
#1f0117
rgb(31,1,23)
-
#320125
#320125
rgb(50,1,37)
-
#450133
#450133
rgb(69,1,51)
-
#590141
#590141
rgb(89,1,65)
-
#6c024f
#6c024f
rgb(108,2,79)
-
#7f025d
#7f025d
rgb(127,2,93)
-
#93026b
#93026b
rgb(147,2,107)
-
#a60379
#a60379
rgb(166,3,121)
-
#b90388
#b90388
rgb(185,3,136)
-
#cc0396
#cc0396
rgb(204,3,150)
-
#e004a4
#e004a4
rgb(224,4,164)
-
#f304b2
#f304b2
rgb(243,4,178)
-
#fb10bb
#fb10bb
rgb(251,16,187)
-
#fb23c0
#fb23c0
rgb(251,35,192)
-
#fc36c6
#fc36c6
rgb(252,54,198)
-
#fc49cb
#fc49cb
rgb(252,73,203)
-
#fc5dd1
#fc5dd1
rgb(252,93,209)
-
#fd70d6
#fd70d6
rgb(253,112,214)
-
#fd83dc
#fd83dc
rgb(253,131,220)
-
#fd97e1
#fd97e1
rgb(253,151,225)
-
#feaae7
#feaae7
rgb(254,170,231)
-
#febdec
#febdec
rgb(254,189,236)
-
#fed1f2
#fed1f2
rgb(254,209,242)
-
#ffe4f7
#ffe4f7
rgb(255,228,247)
-
#fff7fd
#fff7fd
rgb(255,247,253)
Tones of #f304b2
A tone is produced by adding gray to any pure hue. In this case, #81767e is the less saturated color, while #f304b2 is the most saturated one.
-
#81767e
#81767e
rgb(129,118,126)
-
#8b6d82
#8b6d82
rgb(139,109,130)
-
#946387
#946387
rgb(148,99,135)
-
#9e5a8b
#9e5a8b
rgb(158,90,139)
-
#a7508f
#a7508f
rgb(167,80,143)
-
#b14794
#b14794
rgb(177,71,148)
-
#ba3d98
#ba3d98
rgb(186,61,152)
-
#c4349c
#c4349c
rgb(196,52,156)
-
#cd2aa1
#cd2aa1
rgb(205,42,161)
-
#d721a5
#d721a5
rgb(215,33,165)
-
#e017a9
#e017a9
rgb(224,23,169)
-
#ea0eae
#ea0eae
rgb(234,14,174)
-
#f304b2
#f304b2
rgb(243,4,178)
Color Blindness Simulator
Below, you can see how #f304b2 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.