#f306bb Color Information
In a RGB color space, hex #f306bb is composed of 95.3% red, 2.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.5% magenta, 23% yellow and 4.7% black. It has a hue angle of 314.2 degrees, a saturation of 95.2% and a lightness of 48.8%. #f306bb color hex could be obtained by blending #ff0cff with #e70077. Closest websafe color is: #ff00cc.
-
- R 95
- G 2
- B 73
-
- C 0
- M 98
- Y 23
- K 5
● #f306bb color description : Vivid magenta.
#f306bb Color Conversion
The hexadecimal color #f306bb has RGB values of R:243, G:6, B:187 and CMYK values of C:0, M:0.98, Y:0.23, K:0.05. Its decimal value is 15926971.
Hex triplet | f306bb | #f306bb |
---|---|---|
RGB Decimal | 243, 6, 187 | rgb(243,6,187) |
RGB Percent | 95.3, 2.4, 73.3 | rgb(95.3%,2.4%,73.3%) |
CMYK | 0, 98, 23, 5 | |
HSL | 314.2°, 95.2, 48.8 | hsl(314.2,95.2%,48.8%) |
HSV (or HSB) | 314.2°, 97.5, 95.3 | |
Web Safe | ff00cc | #ff00cc |
CIE-LAB | 54.842, 87.202, -31.108 |
---|---|
XYZ | 45.997, 22.777, 48.985 |
xyY | 0.391, 0.193, 22.777 |
CIE-LCH | 54.842, 92.585, 340.367 |
CIE-LUV | 54.842, 104.316, -60.522 |
Hunter-Lab | 47.725, 88.517, -27.447 |
Binary | 11110011, 00000110, 10111011 |
Color Schemes with #f306bb
Alternatives to #f306bb
Below, you can see some colors close to #f306bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f306bb Preview
This text has a font color of #f306bb.
<span style="color:#f306bb;">Text here</span>
This paragraph has a background color of #f306bb.
<p style="background-color:#f306bb;">Content here</p>
This element has a border color of #f306bb.
<div style="border:1px solid #f306bb;">Content here</div>
.text {color:#f306bb;}
.background {background-color:#f306bb;}
.border {border:1px solid #f306bb;}
Shades and Tints of #f306bb
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, #0d000a is the darkest color, while #fff9fe is the lightest one.
-
#0d000a
#0d000a
rgb(13,0,10)
-
#200119
#200119
rgb(32,1,25)
-
#340128
#340128
rgb(52,1,40)
-
#470236
#470236
rgb(71,2,54)
-
#5a0245
#5a0245
rgb(90,2,69)
-
#6d0354
#6d0354
rgb(109,3,84)
-
#800363
#800363
rgb(128,3,99)
-
#930471
#930471
rgb(147,4,113)
-
#a60480
#a60480
rgb(166,4,128)
-
#ba058f
#ba058f
rgb(186,5,143)
-
#cd059e
#cd059e
rgb(205,5,158)
-
#e006ac
#e006ac
rgb(224,6,172)
-
#f306bb
#f306bb
rgb(243,6,187)
-
#f913c3
#f913c3
rgb(249,19,195)
-
#fa27c8
#fa27c8
rgb(250,39,200)
-
#fa3acd
#fa3acd
rgb(250,58,205)
-
#fb4dd2
#fb4dd2
rgb(251,77,210)
-
#fb60d6
#fb60d6
rgb(251,96,214)
-
#fc73db
#fc73db
rgb(252,115,219)
-
#fc86e0
#fc86e0
rgb(252,134,224)
-
#fc99e5
#fc99e5
rgb(252,153,229)
-
#fdadea
#fdadea
rgb(253,173,234)
-
#fdc0ef
#fdc0ef
rgb(253,192,239)
-
#fed3f4
#fed3f4
rgb(254,211,244)
-
#fee6f9
#fee6f9
rgb(254,230,249)
-
#fff9fe
#fff9fe
rgb(255,249,254)
Tones of #f306bb
A tone is produced by adding gray to any pure hue. In this case, #80797e is the less saturated color, while #f306bb is the most saturated one.
-
#80797e
#80797e
rgb(128,121,126)
-
#8a6f83
#8a6f83
rgb(138,111,131)
-
#936688
#936688
rgb(147,102,136)
-
#9d5c8e
#9d5c8e
rgb(157,92,142)
-
#a65393
#a65393
rgb(166,83,147)
-
#b04998
#b04998
rgb(176,73,152)
-
#ba3f9d
#ba3f9d
rgb(186,63,157)
-
#c336a2
#c336a2
rgb(195,54,162)
-
#cd2ca7
#cd2ca7
rgb(205,44,167)
-
#d623ac
#d623ac
rgb(214,35,172)
-
#e019b1
#e019b1
rgb(224,25,177)
-
#e910b6
#e910b6
rgb(233,16,182)
-
#f306bb
#f306bb
rgb(243,6,187)
Color Blindness Simulator
Below, you can see how #f306bb 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.