#ba02ff Color Information
In a RGB color space, hex #ba02ff is composed of 72.9% red, 0.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 99.2% magenta, 0% yellow and 0% black. It has a hue angle of 283.6 degrees, a saturation of 100% and a lightness of 50.4%. #ba02ff color hex could be obtained by blending #ff04ff with #7500ff. Closest websafe color is: #cc00ff.
-
- R 73
- G 1
- B 100
-
- C 27
- M 99
- Y 0
- K 0
● #ba02ff color description : Vivid violet.
#ba02ff Color Conversion
The hexadecimal color #ba02ff has RGB values of R:186, G:2, B:255 and CMYK values of C:0.27, M:0.99, Y:0, K:0. Its decimal value is 12190463.
Hex triplet | ba02ff | #ba02ff |
---|---|---|
RGB Decimal | 186, 2, 255 | rgb(186,2,255) |
RGB Percent | 72.9, 0.8, 100 | rgb(72.9%,0.8%,100%) |
CMYK | 27, 99, 0, 0 | |
HSL | 283.6°, 100, 50.4 | hsl(283.6,100%,50.4%) |
HSV (or HSB) | 283.6°, 99.2, 100 | |
Web Safe | cc00ff | #cc00ff |
CIE-LAB | 49.135, 88.616, -79.478 |
---|---|
XYZ | 38.319, 17.704, 96.001 |
xyY | 0.252, 0.116, 17.704 |
CIE-LCH | 49.135, 119.036, 318.112 |
CIE-LUV | 49.135, 39.044, -127.198 |
Hunter-Lab | 42.076, 88.929, -105.824 |
Binary | 10111010, 00000010, 11111111 |
Color Schemes with #ba02ff
Alternatives to #ba02ff
Below, you can see some colors close to #ba02ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba02ff Preview
This text has a font color of #ba02ff.
<span style="color:#ba02ff;">Text here</span>
This paragraph has a background color of #ba02ff.
<p style="background-color:#ba02ff;">Content here</p>
This element has a border color of #ba02ff.
<div style="border:1px solid #ba02ff;">Content here</div>
.text {color:#ba02ff;}
.background {background-color:#ba02ff;}
.border {border:1px solid #ba02ff;}
Shades and Tints of #ba02ff
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, #010002 is the darkest color, while #faedff is the lightest one.
-
#010002
#010002
rgb(1,0,2)
-
#100016
#100016
rgb(16,0,22)
-
#1e0029
#1e0029
rgb(30,0,41)
-
#2c003d
#2c003d
rgb(44,0,61)
-
#3b0050
#3b0050
rgb(59,0,80)
-
#490064
#490064
rgb(73,0,100)
-
#570078
#570078
rgb(87,0,120)
-
#65008b
#65008b
rgb(101,0,139)
-
#74009f
#74009f
rgb(116,0,159)
-
#8200b3
#8200b3
rgb(130,0,179)
-
#9000c6
#9000c6
rgb(144,0,198)
-
#9e00da
#9e00da
rgb(158,0,218)
-
#ad00ed
#ad00ed
rgb(173,0,237)
-
#ba02ff
#ba02ff
rgb(186,2,255)
-
#bf16ff
#bf16ff
rgb(191,22,255)
-
#c529ff
#c529ff
rgb(197,41,255)
-
#ca3dff
#ca3dff
rgb(202,61,255)
-
#cf50ff
#cf50ff
rgb(207,80,255)
-
#d564ff
#d564ff
rgb(213,100,255)
-
#da78ff
#da78ff
rgb(218,120,255)
-
#df8bff
#df8bff
rgb(223,139,255)
-
#e59fff
#e59fff
rgb(229,159,255)
-
#eab3ff
#eab3ff
rgb(234,179,255)
-
#efc6ff
#efc6ff
rgb(239,198,255)
-
#f5daff
#f5daff
rgb(245,218,255)
-
#faedff
#faedff
rgb(250,237,255)
Tones of #ba02ff
A tone is produced by adding gray to any pure hue. In this case, #85778a is the less saturated color, while #ba02ff is the most saturated one.
-
#85778a
#85778a
rgb(133,119,138)
-
#896d94
#896d94
rgb(137,109,148)
-
#8e639e
#8e639e
rgb(142,99,158)
-
#925aa7
#925aa7
rgb(146,90,167)
-
#9750b1
#9750b1
rgb(151,80,177)
-
#9b46bb
#9b46bb
rgb(155,70,187)
-
#9f3cc5
#9f3cc5
rgb(159,60,197)
-
#a433ce
#a433ce
rgb(164,51,206)
-
#a829d8
#a829d8
rgb(168,41,216)
-
#ad1fe2
#ad1fe2
rgb(173,31,226)
-
#b115ec
#b115ec
rgb(177,21,236)
-
#b60cf5
#b60cf5
rgb(182,12,245)
-
#ba02ff
#ba02ff
rgb(186,2,255)
Color Blindness Simulator
Below, you can see how #ba02ff 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.