#ba85fc hex color

In a RGB color space, hex #ba85fc is composed of 72.9% red, 52.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 47.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 266.7 degrees, a saturation of 95.2% and a lightness of 75.5%. #ba85fc color hex could be obtained by blending #ffffff with #750bf9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 52
- B 99
RGB color chart
- C 26
- M 47
- Y 0
- K 1
CMYK color chart

● #ba85fc color description : Soft violet.

The hexadecimal color #ba85fc has RGB values of R:186, G:133, B:252 and CMYK values of C:0.26, M:0.47, Y:0, K:0.01. Its decimal value is 12223996.

Hex triplet	ba85fc	`#ba85fc`
RGB Decimal	186, 133, 252	`rgb(186,133,252)`
RGB Percent	72.9, 52.2, 98.8	`rgb(72.9%,52.2%,98.8%)`
CMYK	26, 47, 0, 1
HSL	266.7°, 95.2, 75.5	`hsl(266.7,95.2%,75.5%)`
HSV (or HSB)	266.7°, 47.2, 98.8
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	65.155, 43.341, -52.033
XYZ	46.205, 34.243, 96.265
xyY	0.261, 0.194, 34.243
CIE-LCH	65.155, 67.719, 309.792
CIE-LUV	65.155, 16.892, -89.094
Hunter-Lab	58.517, 38.538, -56.574
Binary	10111010, 10000101, 11111100

#ba85fc
```
#ba85fc rgb(186,133,252)
```
#c7fc85
```
#c7fc85 rgb(199,252,133)
```

Complementary Color

#858cfc
```
#858cfc rgb(133,140,252)
```
#ba85fc
```
#ba85fc rgb(186,133,252)
```
#f685fc
```
#f685fc rgb(246,133,252)
```

Analogous Color

#8cfc85
```
#8cfc85 rgb(140,252,133)
```
#ba85fc
```
#ba85fc rgb(186,133,252)
```
#fcf685
```
#fcf685 rgb(252,246,133)
```

Split Complementary Color

#85fcba
```
#85fcba rgb(133,252,186)
```
#ba85fc
```
#ba85fc rgb(186,133,252)
```
#fcba85
```
#fcba85 rgb(252,186,133)
```

Triadic Color

#85c7fc
```
#85c7fc rgb(133,199,252)
```
#ba85fc
```
#ba85fc rgb(186,133,252)
```
#fcba85
```
#fcba85 rgb(252,186,133)
```
#c7fc85
```
#c7fc85 rgb(199,252,133)
```

Tetradic Color

#903afa
```
#903afa rgb(144,58,250)
```
#9e53fb
```
#9e53fb rgb(158,83,251)
```
#ac6cfb
```
#ac6cfb rgb(172,108,251)
```
#ba85fc
```
#ba85fc rgb(186,133,252)
```
#c89efd
```
#c89efd rgb(200,158,253)
```
#d6b7fd
```
#d6b7fd rgb(214,183,253)
```
#e4d0fe
```
#e4d0fe rgb(228,208,254)
```

Monochromatic Color

Below, you can see some colors close to #ba85fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#9c85fc
```
#9c85fc rgb(156,133,252)
```
#a685fc
```
#a685fc rgb(166,133,252)
```
#b085fc
```
#b085fc rgb(176,133,252)
```
#ba85fc
```
#ba85fc rgb(186,133,252)
```
#c485fc
```
#c485fc rgb(196,133,252)
```
#ce85fc
```
#ce85fc rgb(206,133,252)
```
#d885fc
```
#d885fc rgb(216,133,252)
```

Similar Colors

Text with hexadecimal color #ba85fc

This text has a font color of #ba85fc.

<span style="color:#ba85fc;">Text here</span>

#ba85fc background color

This paragraph has a background color of #ba85fc.

<p style="background-color:#ba85fc;">Content here</p>

#ba85fc border color

This element has a border color of #ba85fc.

<div style="border:1px solid #ba85fc;">Content here</div>

CSS codes

.text {color:#ba85fc;}

.background {background-color:#ba85fc;}

.border {border:1px solid #ba85fc;}

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, #06000c is the darkest color, while #fbf8ff is the lightest one.

#06000c
```
#06000c rgb(6,0,12)
```
#0e011f
```
#0e011f rgb(14,1,31)
```
#170132
```
#170132 rgb(23,1,50)
```
#200245
```
#200245 rgb(32,2,69)
```
#290259
```
#290259 rgb(41,2,89)
```
#31036c
```
#31036c rgb(49,3,108)
```
#3a037f
```
#3a037f rgb(58,3,127)
```
#430492
```
#430492 rgb(67,4,146)
```
#4c04a5
```
#4c04a5 rgb(76,4,165)
```
#5505b8
```
#5505b8 rgb(85,5,184)
```
#5d05cb
```
#5d05cb rgb(93,5,203)
```
#6605df
```
#6605df rgb(102,5,223)
```
#6f06f2
```
#6f06f2 rgb(111,6,242)
```

Shade Color Variation

#7912f9
```
#7912f9 rgb(121,18,249)
```
#8425fa
```
#8425fa rgb(132,37,250)
```
#8f38fa
```
#8f38fa rgb(143,56,250)
```
#9a4cfb
```
#9a4cfb rgb(154,76,251)
```
#a45ffb
```
#a45ffb rgb(164,95,251)
```
#af72fc
```
#af72fc rgb(175,114,252)
```
#ba85fc
```
#ba85fc rgb(186,133,252)
```
#c598fc
```
#c598fc rgb(197,152,252)
```
#d0abfd
```
#d0abfd rgb(208,171,253)
```
#dabefd
```
#dabefd rgb(218,190,253)
```
#e5d2fe
```
#e5d2fe rgb(229,210,254)
```
#f0e5fe
```
#f0e5fe rgb(240,229,254)
```
#fbf8ff
```
#fbf8ff rgb(251,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #c0bfc2 is the less saturated color, while #ba85fc is the most saturated one.

#c0bfc2
```
#c0bfc2 rgb(192,191,194)
```
#c0bac7
```
#c0bac7 rgb(192,186,199)
```
#bfb5cc
```
#bfb5cc rgb(191,181,204)
```
#bfb0d1
```
#bfb0d1 rgb(191,176,209)
```
#beabd6
```
#beabd6 rgb(190,171,214)
```
#bea7da
```
#bea7da rgb(190,167,218)
```
#bda2df
```
#bda2df rgb(189,162,223)
```
#bd9de4
```
#bd9de4 rgb(189,157,228)
```
#bc98e9
```
#bc98e9 rgb(188,152,233)
```
#bc93ee
```
#bc93ee rgb(188,147,238)
```
#bb8ff2
```
#bb8ff2 rgb(187,143,242)
```
#bb8af7
```
#bb8af7 rgb(187,138,247)
```
#ba85fc
```
#ba85fc rgb(186,133,252)
```

Tone Color Variation

Below, you can see how #ba85fc 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.

Monochromacy

#a2a2a2 Achromatopsia 0.005% of the population
#a79cb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79a0ff Protanopia 1% of men
#75a3f3 Deuteranopia 1% of men
#ab9faa Tritanopia 0.001% of the population

Trichromacy

#9096fd Protanomaly 1% of men, 0.01% of women
#8e98f6 Deuteranomaly 6% of men, 0.4% of women
#b095c8 Tritanomaly 0.01% of the population

#ba85fc hex color

#ba85fc Color Information

#ba85fc Color Conversion

Color Schemes with #ba85fc

Alternatives to #ba85fc

#ba85fc Preview

Shades and Tints of #ba85fc

Tones of #ba85fc

Color Blindness Simulator