#ba66fd hex color

In a RGB color space, hex #ba66fd is composed of 72.9% red, 40% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 59.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 273.4 degrees, a saturation of 97.4% and a lightness of 69.6%. #ba66fd color hex could be obtained by blending #ffccff with #7500fb. Closest websafe color is: #cc66ff.

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

● #ba66fd color description : Soft violet.

The hexadecimal color #ba66fd has RGB values of R:186, G:102, B:253 and CMYK values of C:0.26, M:0.6, Y:0, K:0.01. Its decimal value is 12216061.

Hex triplet	ba66fd	`#ba66fd`
RGB Decimal	186, 102, 253	`rgb(186,102,253)`
RGB Percent	72.9, 40, 99.2	`rgb(72.9%,40%,99.2%)`
CMYK	26, 60, 0, 1
HSL	273.4°, 97.4, 69.6	`hsl(273.4,97.4%,69.6%)`
HSV (or HSB)	273.4°, 59.7, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.006, 59.723, -62.385
XYZ	42.728, 27.034, 95.89
xyY	0.258, 0.163, 27.034
CIE-LCH	59.006, 86.364, 313.751
CIE-LUV	59.006, 26.391, -105.638
Hunter-Lab	51.995, 55.697, -72.948
Binary	10111010, 01100110, 11111101

#ba66fd
```
#ba66fd rgb(186,102,253)
```
#a9fd66
```
#a9fd66 rgb(169,253,102)
```

Complementary Color

#6f66fd
```
#6f66fd rgb(111,102,253)
```
#ba66fd
```
#ba66fd rgb(186,102,253)
```
#fd66f5
```
#fd66f5 rgb(253,102,245)
```

Analogous Color

#66fd6f
```
#66fd6f rgb(102,253,111)
```
#ba66fd
```
#ba66fd rgb(186,102,253)
```
#f5fd66
```
#f5fd66 rgb(245,253,102)
```

Split Complementary Color

#66fdba
```
#66fdba rgb(102,253,186)
```
#ba66fd
```
#ba66fd rgb(186,102,253)
```
#fdba66
```
#fdba66 rgb(253,186,102)
```

Triadic Color

#66a9fd
```
#66a9fd rgb(102,169,253)
```
#ba66fd
```
#ba66fd rgb(186,102,253)
```
#fdba66
```
#fdba66 rgb(253,186,102)
```
#a9fd66
```
#a9fd66 rgb(169,253,102)
```

Tetradic Color

#981afc
```
#981afc rgb(152,26,252)
```
#a334fc
```
#a334fc rgb(163,52,252)
```
#af4dfd
```
#af4dfd rgb(175,77,253)
```
#ba66fd
```
#ba66fd rgb(186,102,253)
```
#c57ffd
```
#c57ffd rgb(197,127,253)
```
#d198fe
```
#d198fe rgb(209,152,254)
```
#dcb2fe
```
#dcb2fe rgb(220,178,254)
```

Monochromatic Color

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

#9466fd
```
#9466fd rgb(148,102,253)
```
#a166fd
```
#a166fd rgb(161,102,253)
```
#ad66fd
```
#ad66fd rgb(173,102,253)
```
#ba66fd
```
#ba66fd rgb(186,102,253)
```
#c766fd
```
#c766fd rgb(199,102,253)
```
#d366fd
```
#d366fd rgb(211,102,253)
```
#e066fd
```
#e066fd rgb(224,102,253)
```

Similar Colors

Text with hexadecimal color #ba66fd

This text has a font color of #ba66fd.

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

#ba66fd background color

This paragraph has a background color of #ba66fd.

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

#ba66fd border color

This element has a border color of #ba66fd.

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

CSS codes

.text {color:#ba66fd;}

.background {background-color:#ba66fd;}

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

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 #f7eeff is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#0c0015
```
#0c0015 rgb(12,0,21)
```
#170129
```
#170129 rgb(23,1,41)
```
#22013c
```
#22013c rgb(34,1,60)
```
#2d014f
```
#2d014f rgb(45,1,79)
```
#370163
```
#370163 rgb(55,1,99)
```
#420276
```
#420276 rgb(66,2,118)
```
#4d0289
```
#4d0289 rgb(77,2,137)
```
#58029d
```
#58029d rgb(88,2,157)
```
#6302b0
```
#6302b0 rgb(99,2,176)
```
#6e03c4
```
#6e03c4 rgb(110,3,196)
```
#7903d7
```
#7903d7 rgb(121,3,215)
```
#8403ea
```
#8403ea rgb(132,3,234)
```

Shade Color Variation

#8e05fc
```
#8e05fc rgb(142,5,252)
```
#9719fc
```
#9719fc rgb(151,25,252)
```
#a02cfc
```
#a02cfc rgb(160,44,252)
```
#a93ffc
```
#a93ffc rgb(169,63,252)
```
#b153fd
```
#b153fd rgb(177,83,253)
```
#ba66fd
```
#ba66fd rgb(186,102,253)
```
#c379fd
```
#c379fd rgb(195,121,253)
```
#cb8dfe
```
#cb8dfe rgb(203,141,254)
```
#d4a0fe
```
#d4a0fe rgb(212,160,254)
```
#ddb3fe
```
#ddb3fe rgb(221,179,254)
```
#e6c7fe
```
#e6c7fe rgb(230,199,254)
```
#eedaff
```
#eedaff rgb(238,218,255)
```
#f7eeff
```
#f7eeff rgb(247,238,255)
```

Tint Color Variation

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

#b2aeb5
```
#b2aeb5 rgb(178,174,181)
```
#b3a8bb
```
#b3a8bb rgb(179,168,187)
```
#b3a2c1
```
#b3a2c1 rgb(179,162,193)
```
#b49cc7
```
#b49cc7 rgb(180,156,199)
```
#b596cd
```
#b596cd rgb(181,150,205)
```
#b590d3
```
#b590d3 rgb(181,144,211)
```
#b68ad9
```
#b68ad9 rgb(182,138,217)
```
#b784df
```
#b784df rgb(183,132,223)
```
#b77ee5
```
#b77ee5 rgb(183,126,229)
```
#b878eb
```
#b878eb rgb(184,120,235)
```
#b972f1
```
#b972f1 rgb(185,114,241)
```
#b96cf7
```
#b96cf7 rgb(185,108,247)
```
#ba66fd
```
#ba66fd rgb(186,102,253)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9888a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5590ff Protanopia 1% of men
#4895ef Deuteranopia 1% of men
#a88c96 Tritanopia 0.001% of the population

Trichromacy

#7981fe Protanomaly 1% of men, 0.01% of women
#7184f4 Deuteranomaly 6% of men, 0.4% of women
#ae7ebb Tritanomaly 0.01% of the population

#ba66fd hex color

#ba66fd Color Information

#ba66fd Color Conversion

Color Schemes with #ba66fd

Alternatives to #ba66fd

#ba66fd Preview

Shades and Tints of #ba66fd

Tones of #ba66fd

Color Blindness Simulator