#ba86a8 color information
In a RGB color space, hex #ba86a8 is composed of 72.9% red, 52.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 9.7% yellow and 27.1% black. It has a hue angle of 320.8 degrees, a saturation of 27.4% and a lightness of 62.7%. #ba86a8 color hex could be obtained by blending #ffffff with #750d51. Closest websafe color is: #cc9999.
#ba86a8 color conversion
The hexadecimal color #ba86a8 has RGB values of R:186, G:134, B:168 and CMYK values of C:0, M:0.28, Y:0.1, K:0.27. Its decimal value is 12224168.
- Hex triplet ba86a8
#ba86a8 - RGB Decimal 186, 134, 168
rgb(186,134,168) - RGB Percent 72.9, 52.5, 65.9
rgb(72.9%,52.5%,65.9%) - CMYK 0, 28, 10, 27
- HSL 320.8°, 27.4, 62.7
hsl(321,27%,63%) - HSV (or HSB) 320.8°, 28, 72.9
- Web Safe cc9999
#cc9999
- CIE-LAB 61.927, 25.34, -10.075
- XYZ 35.842, 30.318, 41.008
- xyY 0.334, 0.283, 30.318
- CIE-LCH 61.927, 27.269, 338.317
- CIE-LUV 61.927, 28.82, -19.058
- Hunter-Lab 55.061, 19.836, -5.614
- Binary 10111010, 10000110, 10101000
Color Schemes with #ba86a8
#ba86a8 in action
This text has a font color of #ba86a8.
<span style="color:#ba86a8;">Text here</span>
This paragraph has a background color of #ba86a8.
<p style="background-color:#ba86a8;">Content here</p>
This element has a border color of #ba86a8.
<div style="border:1px solid #ba86a8;">Content here</div>
.text {color:#ba86a8;}
.background {background-color:#ba86a8;}
.border {border:1px solid #ba86a8;}
Shades of #ba86a8
- #040203 #040203
rgb(4,2,3) - #1d1019 #1d1019
rgb(29,16,25) - #361f2e #361f2e
rgb(54,31,46) - #4f2d43 #4f2d43
rgb(79,45,67) - #683b58 #683b58
rgb(104,59,88) - #81496e #81496e
rgb(129,73,110) - #9a5883 #9a5883
rgb(154,88,131) - #ac6d96 #ac6d96
rgb(172,109,150) - #ba86a8 #ba86a8
rgb(186,134,168) - #c89fba #c89fba
rgb(200,159,186) - #d6b8cc #d6b8cc
rgb(214,184,204) - #e5d1de #e5d1de
rgb(229,209,222) - #f3eaf0 #f3eaf0
rgb(243,234,240)
Color Blindness Simulator
Below, you can see how #ba86a8 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.
