#ba18ff Color Information
In a RGB color space, hex #ba18ff is composed of 72.9% red, 9.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 90.6% magenta, 0% yellow and 0% black. It has a hue angle of 282.1 degrees, a saturation of 100% and a lightness of 54.7%. #ba18ff color hex could be obtained by blending #ff30ff with #7500ff. Closest websafe color is: #cc00ff.
-
- R 73
- G 9
- B 100
-
- C 27
- M 91
- Y 0
- K 0
● #ba18ff color description : Vivid violet.
#ba18ff Color Conversion
The hexadecimal color #ba18ff has RGB values of R:186, G:24, B:255 and CMYK values of C:0.27, M:0.91, Y:0, K:0. Its decimal value is 12196095.
Hex triplet | ba18ff | #ba18ff |
---|---|---|
RGB Decimal | 186, 24, 255 | rgb(186,24,255) |
RGB Percent | 72.9, 9.4, 100 | rgb(72.9%,9.4%,100%) |
CMYK | 27, 91, 0, 0 | |
HSL | 282.1°, 100, 54.7 | hsl(282.1,100%,54.7%) |
HSV (or HSB) | 282.1°, 90.6, 100 | |
Web Safe | cc00ff | #cc00ff |
CIE-LAB | 49.874, 86.406, -78.271 |
---|---|
XYZ | 38.624, 18.314, 96.103 |
xyY | 0.252, 0.12, 18.314 |
CIE-LCH | 49.874, 116.586, 317.828 |
CIE-LUV | 49.874, 38.223, -126.029 |
Hunter-Lab | 42.794, 86.214, -103.19 |
Binary | 10111010, 00011000, 11111111 |
Color Schemes with #ba18ff
Alternatives to #ba18ff
Below, you can see some colors close to #ba18ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba18ff Preview
This text has a font color of #ba18ff.
<span style="color:#ba18ff;">Text here</span>
This paragraph has a background color of #ba18ff.
<p style="background-color:#ba18ff;">Content here</p>
This element has a border color of #ba18ff.
<div style="border:1px solid #ba18ff;">Content here</div>
.text {color:#ba18ff;}
.background {background-color:#ba18ff;}
.border {border:1px solid #ba18ff;}
Shades and Tints of #ba18ff
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, #030004 is the darkest color, while #faf0ff is the lightest one.
-
#030004
#030004
rgb(3,0,4)
-
#110018
#110018
rgb(17,0,24)
-
#1f002c
#1f002c
rgb(31,0,44)
-
#2c003f
#2c003f
rgb(44,0,63)
-
#3a0053
#3a0053
rgb(58,0,83)
-
#480066
#480066
rgb(72,0,102)
-
#56007a
#56007a
rgb(86,0,122)
-
#63008e
#63008e
rgb(99,0,142)
-
#7100a1
#7100a1
rgb(113,0,161)
-
#7f00b5
#7f00b5
rgb(127,0,181)
-
#8d00c9
#8d00c9
rgb(141,0,201)
-
#9a00dc
#9a00dc
rgb(154,0,220)
-
#a800f0
#a800f0
rgb(168,0,240)
-
#b404ff
#b404ff
rgb(180,4,255)
-
#ba18ff
#ba18ff
rgb(186,24,255)
-
#c02cff
#c02cff
rgb(192,44,255)
-
#c63fff
#c63fff
rgb(198,63,255)
-
#cc53ff
#cc53ff
rgb(204,83,255)
-
#d166ff
#d166ff
rgb(209,102,255)
-
#d77aff
#d77aff
rgb(215,122,255)
-
#dd8eff
#dd8eff
rgb(221,142,255)
-
#e3a1ff
#e3a1ff
rgb(227,161,255)
-
#e9b5ff
#e9b5ff
rgb(233,181,255)
-
#efc9ff
#efc9ff
rgb(239,201,255)
-
#f5dcff
#f5dcff
rgb(245,220,255)
-
#faf0ff
#faf0ff
rgb(250,240,255)
Tones of #ba18ff
A tone is produced by adding gray to any pure hue. In this case, #8f8394 is the less saturated color, while #ba18ff is the most saturated one.
-
#8f8394
#8f8394
rgb(143,131,148)
-
#937a9d
#937a9d
rgb(147,122,157)
-
#9671a6
#9671a6
rgb(150,113,166)
-
#9a68af
#9a68af
rgb(154,104,175)
-
#9d5fb8
#9d5fb8
rgb(157,95,184)
-
#a156c1
#a156c1
rgb(161,86,193)
-
#a54dca
#a54dca
rgb(165,77,202)
-
#a844d3
#a844d3
rgb(168,68,211)
-
#ac3cdb
#ac3cdb
rgb(172,60,219)
-
#af33e4
#af33e4
rgb(175,51,228)
-
#b32aed
#b32aed
rgb(179,42,237)
-
#b621f6
#b621f6
rgb(182,33,246)
-
#ba18ff
#ba18ff
rgb(186,24,255)
Color Blindness Simulator
Below, you can see how #ba18ff 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.