#ba1df2 color information
In a RGB color space, hex #ba1df2 is composed of 72.9% red, 11.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 88% magenta, 0% yellow and 5.1% black. It has a hue angle of 284.2 degrees, a saturation of 89.1% and a lightness of 53.1%. #ba1df2 color hex could be obtained by blending #ff3aff with #7500e5. Closest websafe color is: #cc33ff.
#ba1df2 color conversion
The hexadecimal color #ba1df2 has RGB values of R:186, G:29, B:242 and CMYK values of C:0.23, M:0.88, Y:0, K:0.05. Its decimal value is 12197362.
- Hex triplet ba1df2
#ba1df2 - RGB Decimal 186, 29, 242
rgb(186,29,242) - RGB Percent 72.9, 11.4, 94.9
rgb(72.9%,11.4%,94.9%) - CMYK 23, 88, 0, 5
- HSL 284.2°, 89.1, 53.1
hsl(284,89%,53%) - HSV (or HSB) 284.2°, 88, 94.9
- Web Safe cc33ff
#cc33ff
- CIE-LAB 49.167, 83.247, -72.149
- XYZ 36.714, 17.73, 85.488
- xyY 0.262, 0.127, 17.73
- CIE-LCH 49.167, 110.162, 319.085
- CIE-LUV 49.167, 41.426, -116.933
- Hunter-Lab 42.107, 81.95, -90.898
- Binary 10111010, 00011101, 11110010
Color Schemes with #ba1df2
#ba1df2 in action
This text has a font color of #ba1df2.
<span style="color:#ba1df2;">Text here</span>
This paragraph has a background color of #ba1df2.
<p style="background-color:#ba1df2;">Content here</p>
This element has a border color of #ba1df2.
<div style="border:1px solid #ba1df2;">Content here</div>
.text {color:#ba1df2;}
.background {background-color:#ba1df2;}
.border {border:1px solid #ba1df2;}
Shades of #ba1df2
- #190222 #190222
rgb(25,2,34) - #350447 #350447
rgb(53,4,71) - #51066c #51066c
rgb(81,6,108) - #6d0891 #6d0891
rgb(109,8,145) - #890ab6 #890ab6
rgb(137,10,182) - #a50ddb #a50ddb
rgb(165,13,219) - #ba1df2 #ba1df2
rgb(186,29,242) - #c542f4 #c542f4
rgb(197,66,244) - #d167f6 #d167f6
rgb(209,103,246) - #dc8cf8 #dc8cf8
rgb(220,140,248) - #e7b1fb #e7b1fb
rgb(231,177,251) - #f3d6fd #f3d6fd
rgb(243,214,253) - #fefcff #fefcff
rgb(254,252,255)
Color Blindness Simulator
Below, you can see how #ba1df2 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.
