#b304f4 Color Information
In a RGB color space, hex #b304f4 is composed of 70.2% red, 1.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 26.6% cyan, 98.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 283.8 degrees, a saturation of 96.8% and a lightness of 48.6%. #b304f4 color hex could be obtained by blending #ff08ff with #6700e9. Closest websafe color is: #cc00ff.
-
- R 70
- G 2
- B 96
-
- C 27
- M 98
- Y 0
- K 4
● #b304f4 color description : Vivid violet.
#b304f4 Color Conversion
The hexadecimal color #b304f4 has RGB values of R:179, G:4, B:244 and CMYK values of C:0.27, M:0.98, Y:0, K:0.04. Its decimal value is 11732212.
Hex triplet | b304f4 | #b304f4 |
---|---|---|
RGB Decimal | 179, 4, 244 | rgb(179,4,244) |
RGB Percent | 70.2, 1.6, 95.7 | rgb(70.2%,1.6%,95.7%) |
CMYK | 27, 98, 0, 4 | |
HSL | 283.8°, 96.8, 48.6 | hsl(283.8,96.8%,48.6%) |
HSV (or HSB) | 283.8°, 98.4, 95.7 | |
Web Safe | cc00ff | #cc00ff |
CIE-LAB | 47.24, 85.661, -76.46 |
---|---|
XYZ | 34.961, 16.203, 86.869 |
xyY | 0.253, 0.117, 16.203 |
CIE-LCH | 47.24, 114.821, 318.248 |
CIE-LUV | 47.24, 37.949, -121.343 |
Hunter-Lab | 40.253, 84.587, -99.773 |
Binary | 10110011, 00000100, 11110100 |
Color Schemes with #b304f4
Alternatives to #b304f4
Below, you can see some colors close to #b304f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b304f4 Preview
This text has a font color of #b304f4.
<span style="color:#b304f4;">Text here</span>
This paragraph has a background color of #b304f4.
<p style="background-color:#b304f4;">Content here</p>
This element has a border color of #b304f4.
<div style="border:1px solid #b304f4;">Content here</div>
.text {color:#b304f4;}
.background {background-color:#b304f4;}
.border {border:1px solid #b304f4;}
Shades and Tints of #b304f4
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, #09000c is the darkest color, while #fdf8ff is the lightest one.
-
#09000c
#09000c
rgb(9,0,12)
-
#170120
#170120
rgb(23,1,32)
-
#250133
#250133
rgb(37,1,51)
-
#340146
#340146
rgb(52,1,70)
-
#42015a
#42015a
rgb(66,1,90)
-
#50026d
#50026d
rgb(80,2,109)
-
#5e0280
#5e0280
rgb(94,2,128)
-
#6c0294
#6c0294
rgb(108,2,148)
-
#7a03a7
#7a03a7
rgb(122,3,167)
-
#8903ba
#8903ba
rgb(137,3,186)
-
#9703cd
#9703cd
rgb(151,3,205)
-
#a504e1
#a504e1
rgb(165,4,225)
-
#b304f4
#b304f4
rgb(179,4,244)
-
#bc11fb
#bc11fb
rgb(188,17,251)
-
#c124fb
#c124fb
rgb(193,36,251)
-
#c637fc
#c637fc
rgb(198,55,252)
-
#cc4afc
#cc4afc
rgb(204,74,252)
-
#d15efc
#d15efc
rgb(209,94,252)
-
#d771fd
#d771fd
rgb(215,113,253)
-
#dc84fd
#dc84fd
rgb(220,132,253)
-
#e298fd
#e298fd
rgb(226,152,253)
-
#e7abfe
#e7abfe
rgb(231,171,254)
-
#edbefe
#edbefe
rgb(237,190,254)
-
#f2d2fe
#f2d2fe
rgb(242,210,254)
-
#f8e5ff
#f8e5ff
rgb(248,229,255)
-
#fdf8ff
#fdf8ff
rgb(253,248,255)
Tones of #b304f4
A tone is produced by adding gray to any pure hue. In this case, #7f7682 is the less saturated color, while #b304f4 is the most saturated one.
-
#7f7682
#7f7682
rgb(127,118,130)
-
#836d8b
#836d8b
rgb(131,109,139)
-
#876395
#876395
rgb(135,99,149)
-
#8c5a9e
#8c5a9e
rgb(140,90,158)
-
#9050a8
#9050a8
rgb(144,80,168)
-
#9447b1
#9447b1
rgb(148,71,177)
-
#993dbb
#993dbb
rgb(153,61,187)
-
#9d34c4
#9d34c4
rgb(157,52,196)
-
#a22ace
#a22ace
rgb(162,42,206)
-
#a621d7
#a621d7
rgb(166,33,215)
-
#aa17e1
#aa17e1
rgb(170,23,225)
-
#af0eea
#af0eea
rgb(175,14,234)
-
#b304f4
#b304f4
rgb(179,4,244)
Color Blindness Simulator
Below, you can see how #b304f4 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.