#f304b4 Color Information
In a RGB color space, hex #f304b4 is composed of 95.3% red, 1.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 25.9% yellow and 4.7% black. It has a hue angle of 315.8 degrees, a saturation of 96.8% and a lightness of 48.4%. #f304b4 color hex could be obtained by blending #ff08ff with #e70069. Closest websafe color is: #ff00cc.
-
- R 95
- G 2
- B 71
-
- C 0
- M 98
- Y 26
- K 5
● #f304b4 color description : Vivid pink.
#f304b4 Color Conversion
The hexadecimal color #f304b4 has RGB values of R:243, G:4, B:180 and CMYK values of C:0, M:0.98, Y:0.26, K:0.05. Its decimal value is 15926452.
Hex triplet | f304b4 | #f304b4 |
---|---|---|
RGB Decimal | 243, 4, 180 | rgb(243,4,180) |
RGB Percent | 95.3, 1.6, 70.6 | rgb(95.3%,1.6%,70.6%) |
CMYK | 0, 98, 26, 5 | |
HSL | 315.8°, 96.8, 48.4 | hsl(315.8,96.8%,48.4%) |
HSV (or HSB) | 315.8°, 98.4, 95.3 | |
Web Safe | ff00cc | #ff00cc |
CIE-LAB | 54.492, 86.557, -27.577 |
---|---|
XYZ | 45.244, 22.441, 45.126 |
xyY | 0.401, 0.199, 22.441 |
CIE-LCH | 54.492, 90.844, 342.328 |
CIE-LUV | 54.492, 107.711, -55.156 |
Hunter-Lab | 47.372, 87.581, -23.319 |
Binary | 11110011, 00000100, 10110100 |
Color Schemes with #f304b4
Alternatives to #f304b4
Below, you can see some colors close to #f304b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f304b4 Preview
This text has a font color of #f304b4.
<span style="color:#f304b4;">Text here</span>
This paragraph has a background color of #f304b4.
<p style="background-color:#f304b4;">Content here</p>
This element has a border color of #f304b4.
<div style="border:1px solid #f304b4;">Content here</div>
.text {color:#f304b4;}
.background {background-color:#f304b4;}
.border {border:1px solid #f304b4;}
Shades and Tints of #f304b4
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)
-
#590142
#590142
rgb(89,1,66)
-
#6c0250
#6c0250
rgb(108,2,80)
-
#7f025e
#7f025e
rgb(127,2,94)
-
#93026d
#93026d
rgb(147,2,109)
-
#a6037b
#a6037b
rgb(166,3,123)
-
#b90389
#b90389
rgb(185,3,137)
-
#cc0397
#cc0397
rgb(204,3,151)
-
#e004a6
#e004a6
rgb(224,4,166)
-
#f304b4
#f304b4
rgb(243,4,180)
-
#fb10bd
#fb10bd
rgb(251,16,189)
-
#fb23c2
#fb23c2
rgb(251,35,194)
-
#fc36c8
#fc36c8
rgb(252,54,200)
-
#fc49cd
#fc49cd
rgb(252,73,205)
-
#fc5dd2
#fc5dd2
rgb(252,93,210)
-
#fd70d8
#fd70d8
rgb(253,112,216)
-
#fd83dd
#fd83dd
rgb(253,131,221)
-
#fd97e2
#fd97e2
rgb(253,151,226)
-
#feaae8
#feaae8
rgb(254,170,232)
-
#febded
#febded
rgb(254,189,237)
-
#fed1f2
#fed1f2
rgb(254,209,242)
-
#ffe4f8
#ffe4f8
rgb(255,228,248)
-
#fff7fd
#fff7fd
rgb(255,247,253)
Tones of #f304b4
A tone is produced by adding gray to any pure hue. In this case, #81767e is the less saturated color, while #f304b4 is the most saturated one.
-
#81767e
#81767e
rgb(129,118,126)
-
#8b6d83
#8b6d83
rgb(139,109,131)
-
#946387
#946387
rgb(148,99,135)
-
#9e5a8c
#9e5a8c
rgb(158,90,140)
-
#a75090
#a75090
rgb(167,80,144)
-
#b14795
#b14795
rgb(177,71,149)
-
#ba3d99
#ba3d99
rgb(186,61,153)
-
#c4349e
#c4349e
rgb(196,52,158)
-
#cd2aa2
#cd2aa2
rgb(205,42,162)
-
#d721a7
#d721a7
rgb(215,33,167)
-
#e017ab
#e017ab
rgb(224,23,171)
-
#ea0eb0
#ea0eb0
rgb(234,14,176)
-
#f304b4
#f304b4
rgb(243,4,180)
Color Blindness Simulator
Below, you can see how #f304b4 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.