#ba00f4 Color Information
In a RGB color space, hex #ba00f4 is composed of 72.9% red, 0% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 100% magenta, 0% yellow and 4.3% black. It has a hue angle of 285.7 degrees, a saturation of 100% and a lightness of 47.8%. #ba00f4 color hex could be obtained by blending #ff00ff with #7500e9. Closest websafe color is: #cc00ff.
-
- R 73
- G 0
- B 96
-
- C 24
- M 100
- Y 0
- K 4
● #ba00f4 color description : Pure (or mostly pure) magenta.
#ba00f4 Color Conversion
The hexadecimal color #ba00f4 has RGB values of R:186, G:0, B:244 and CMYK values of C:0.24, M:1, Y:0, K:0.04. Its decimal value is 12189940.
Hex triplet | ba00f4 | #ba00f4 |
---|---|---|
RGB Decimal | 186, 0, 244 | rgb(186,0,244) |
RGB Percent | 72.9, 0, 95.7 | rgb(72.9%,0%,95.7%) |
CMYK | 24, 100, 0, 4 | |
HSL | 285.7°, 100, 47.8 | hsl(285.7,100%,47.8%) |
HSV (or HSB) | 285.7°, 100, 95.7 | |
Web Safe | cc00ff | #cc00ff |
CIE-LAB | 48.225, 86.853, -74.807 |
---|---|
XYZ | 36.577, 16.972, 86.932 |
xyY | 0.26, 0.121, 16.972 |
CIE-LCH | 48.225, 114.628, 319.262 |
CIE-LUV | 48.225, 42.148, -120.115 |
Hunter-Lab | 41.197, 86.385, -96.272 |
Binary | 10111010, 00000000, 11110100 |
Color Schemes with #ba00f4
Alternatives to #ba00f4
Below, you can see some colors close to #ba00f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba00f4 Preview
This text has a font color of #ba00f4.
<span style="color:#ba00f4;">Text here</span>
This paragraph has a background color of #ba00f4.
<p style="background-color:#ba00f4;">Content here</p>
This element has a border color of #ba00f4.
<div style="border:1px solid #ba00f4;">Content here</div>
.text {color:#ba00f4;}
.background {background-color:#ba00f4;}
.border {border:1px solid #ba00f4;}
Shades and Tints of #ba00f4
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, #070009 is the darkest color, while #fcf4ff is the lightest one.
-
#070009
#070009
rgb(7,0,9)
-
#16001c
#16001c
rgb(22,0,28)
-
#240030
#240030
rgb(36,0,48)
-
#330043
#330043
rgb(51,0,67)
-
#420057
#420057
rgb(66,0,87)
-
#51006b
#51006b
rgb(81,0,107)
-
#60007e
#60007e
rgb(96,0,126)
-
#6f0092
#6f0092
rgb(111,0,146)
-
#7e00a6
#7e00a6
rgb(126,0,166)
-
#8d00b9
#8d00b9
rgb(141,0,185)
-
#9c00cd
#9c00cd
rgb(156,0,205)
-
#ab00e0
#ab00e0
rgb(171,0,224)
-
#ba00f4
#ba00f4
rgb(186,0,244)
-
#c409ff
#c409ff
rgb(196,9,255)
-
#c91cff
#c91cff
rgb(201,28,255)
-
#ce30ff
#ce30ff
rgb(206,48,255)
-
#d243ff
#d243ff
rgb(210,67,255)
-
#d757ff
#d757ff
rgb(215,87,255)
-
#dc6bff
#dc6bff
rgb(220,107,255)
-
#e07eff
#e07eff
rgb(224,126,255)
-
#e592ff
#e592ff
rgb(229,146,255)
-
#eaa6ff
#eaa6ff
rgb(234,166,255)
-
#eeb9ff
#eeb9ff
rgb(238,185,255)
-
#f3cdff
#f3cdff
rgb(243,205,255)
-
#f8e0ff
#f8e0ff
rgb(248,224,255)
-
#fcf4ff
#fcf4ff
rgb(252,244,255)
Tones of #ba00f4
A tone is produced by adding gray to any pure hue. In this case, #7f7183 is the less saturated color, while #ba00f4 is the most saturated one.
-
#7f7183
#7f7183
rgb(127,113,131)
-
#84678d
#84678d
rgb(132,103,141)
-
#895e96
#895e96
rgb(137,94,150)
-
#8e54a0
#8e54a0
rgb(142,84,160)
-
#934ba9
#934ba9
rgb(147,75,169)
-
#9842b2
#9842b2
rgb(152,66,178)
-
#9c38bc
#9c38bc
rgb(156,56,188)
-
#a12fc5
#a12fc5
rgb(161,47,197)
-
#a626ce
#a626ce
rgb(166,38,206)
-
#ab1cd8
#ab1cd8
rgb(171,28,216)
-
#b013e1
#b013e1
rgb(176,19,225)
-
#b509eb
#b509eb
rgb(181,9,235)
-
#ba00f4
#ba00f4
rgb(186,0,244)
Color Blindness Simulator
Below, you can see how #ba00f4 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.