#ba99fd hex color

In a RGB color space, hex #ba99fd is composed of 72.9% red, 60% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 39.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 259.8 degrees, a saturation of 96.2% and a lightness of 79.6%. #ba99fd color hex could be obtained by blending #ffffff with #7533fb. Closest websafe color is: #cc99ff.

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

● #ba99fd color description : Very soft violet.

The hexadecimal color #ba99fd has RGB values of R:186, G:153, B:253 and CMYK values of C:0.26, M:0.4, Y:0, K:0.01. Its decimal value is 12229117.

Hex triplet	ba99fd	`#ba99fd`
RGB Decimal	186, 153, 253	`rgb(186,153,253)`
RGB Percent	72.9, 60, 99.2	`rgb(72.9%,60%,99.2%)`
CMYK	26, 40, 0, 1
HSL	259.8°, 96.2, 79.6	`hsl(259.8,96.2%,79.6%)`
HSV (or HSB)	259.8°, 39.5, 99.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	69.692, 32.555, -45.424
XYZ	49.368, 40.313, 98.104
xyY	0.263, 0.215, 40.313
CIE-LCH	69.692, 55.886, 305.629
CIE-LUV	69.692, 9.403, -77.705
Hunter-Lab	63.493, 27.676, -47.165
Binary	10111010, 10011001, 11111101

#ba99fd
```
#ba99fd rgb(186,153,253)
```
#dcfd99
```
#dcfd99 rgb(220,253,153)
```

Complementary Color

#99aafd
```
#99aafd rgb(153,170,253)
```
#ba99fd
```
#ba99fd rgb(186,153,253)
```
#ec99fd
```
#ec99fd rgb(236,153,253)
```

Analogous Color

#aafd99
```
#aafd99 rgb(170,253,153)
```
#ba99fd
```
#ba99fd rgb(186,153,253)
```
#fdec99
```
#fdec99 rgb(253,236,153)
```

Split Complementary Color

#99fdba
```
#99fdba rgb(153,253,186)
```
#ba99fd
```
#ba99fd rgb(186,153,253)
```
#fdba99
```
#fdba99 rgb(253,186,153)
```

Triadic Color

#99dcfd
```
#99dcfd rgb(153,220,253)
```
#ba99fd
```
#ba99fd rgb(186,153,253)
```
#fdba99
```
#fdba99 rgb(253,186,153)
```
#dcfd99
```
#dcfd99 rgb(220,253,153)
```

Tetradic Color

#874efc
```
#874efc rgb(135,78,252)
```
#9867fc
```
#9867fc rgb(152,103,252)
```
#a980fd
```
#a980fd rgb(169,128,253)
```
#ba99fd
```
#ba99fd rgb(186,153,253)
```
#cbb2fd
```
#cbb2fd rgb(203,178,253)
```
#dccbfe
```
#dccbfe rgb(220,203,254)
```
#ede4fe
```
#ede4fe rgb(237,228,254)
```

Monochromatic Color

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

#a199fd
```
#a199fd rgb(161,153,253)
```
#a999fd
```
#a999fd rgb(169,153,253)
```
#b299fd
```
#b299fd rgb(178,153,253)
```
#ba99fd
```
#ba99fd rgb(186,153,253)
```
#c299fd
```
#c299fd rgb(194,153,253)
```
#cb99fd
```
#cb99fd rgb(203,153,253)
```
#d399fd
```
#d399fd rgb(211,153,253)
```

Similar Colors

Text with hexadecimal color #ba99fd

This text has a font color of #ba99fd.

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

#ba99fd background color

This paragraph has a background color of #ba99fd.

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

#ba99fd border color

This element has a border color of #ba99fd.

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

CSS codes

.text {color:#ba99fd;}

.background {background-color:#ba99fd;}

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

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, #05000d is the darkest color, while #fbf9ff is the lightest one.

#05000d
```
#05000d rgb(5,0,13)
```
#0b0121
```
#0b0121 rgb(11,1,33)
```
#120134
```
#120134 rgb(18,1,52)
```
#180147
```
#180147 rgb(24,1,71)
```
#1f025a
```
#1f025a rgb(31,2,90)
```
#26026e
```
#26026e rgb(38,2,110)
```
#2c0381
```
#2c0381 rgb(44,3,129)
```
#330394
```
#330394 rgb(51,3,148)
```
#3903a7
```
#3903a7 rgb(57,3,167)
```
#4004bb
```
#4004bb rgb(64,4,187)
```
#4704ce
```
#4704ce rgb(71,4,206)
```
#4d04e1
```
#4d04e1 rgb(77,4,225)
```
#5405f4
```
#5405f4 rgb(84,5,244)
```

Shade Color Variation

#5f12fa
```
#5f12fa rgb(95,18,250)
```
#6c26fb
```
#6c26fb rgb(108,38,251)
```
#7939fb
```
#7939fb rgb(121,57,251)
```
#864cfb
```
#864cfb rgb(134,76,251)
```
#935ffc
```
#935ffc rgb(147,95,252)
```
#a073fc
```
#a073fc rgb(160,115,252)
```
#ad86fd
```
#ad86fd rgb(173,134,253)
```
#ba99fd
```
#ba99fd rgb(186,153,253)
```
#c7acfd
```
#c7acfd rgb(199,172,253)
```
#d4bffe
```
#d4bffe rgb(212,191,254)
```
#e1d3fe
```
#e1d3fe rgb(225,211,254)
```
#eee6ff
```
#eee6ff rgb(238,230,255)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#cac9cd
```
#cac9cd rgb(202,201,205)
```
#c9c5d1
```
#c9c5d1 rgb(201,197,209)
```
#c8c1d5
```
#c8c1d5 rgb(200,193,213)
```
#c6bdd9
```
#c6bdd9 rgb(198,189,217)
```
#c5b9dd
```
#c5b9dd rgb(197,185,221)
```
#c4b5e1
```
#c4b5e1 rgb(196,181,225)
```
#c2b1e5
```
#c2b1e5 rgb(194,177,229)
```
#c1ade9
```
#c1ade9 rgb(193,173,233)
```
#bfa9ed
```
#bfa9ed rgb(191,169,237)
```
#bea5f1
```
#bea5f1 rgb(190,165,241)
```
#bda1f5
```
#bda1f5 rgb(189,161,245)
```
#bb9df9
```
#bb9df9 rgb(187,157,249)
```
#ba99fd
```
#ba99fd rgb(186,153,253)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b0aabe Atypical Achromatopsia 0.001% of the population

Dichromacy

#8eacff Protanopia 1% of men
#8dadf7 Deuteranopia 1% of men
#aeadb9 Tritanopia 0.001% of the population

Trichromacy

#9ea5fe Protanomaly 1% of men, 0.01% of women
#9da6f9 Deuteranomaly 6% of men, 0.4% of women
#b2a6d2 Tritanomaly 0.01% of the population

#ba99fd hex color

#ba99fd Color Information

#ba99fd Color Conversion

Color Schemes with #ba99fd

Alternatives to #ba99fd

#ba99fd Preview

Shades and Tints of #ba99fd

Tones of #ba99fd

Color Blindness Simulator