#ba02de hex color

In a RGB color space, hex #ba02de is composed of 72.9% red, 0.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 99.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 290.2 degrees, a saturation of 98.2% and a lightness of 43.9%. #ba02de color hex could be obtained by blending #ff04ff with #7500bd. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 1
- B 87
RGB color chart
- C 16
- M 99
- Y 0
- K 13
CMYK color chart

● #ba02de color description : Vivid magenta.

The hexadecimal color #ba02de has RGB values of R:186, G:2, B:222 and CMYK values of C:0.16, M:0.99, Y:0, K:0.13. Its decimal value is 12190430.

Hex triplet	ba02de	`#ba02de`
RGB Decimal	186, 2, 222	`rgb(186,2,222)`
RGB Percent	72.9, 0.8, 87.1	`rgb(72.9%,0.8%,87.1%)`
CMYK	16, 99, 0, 13
HSL	290.2°, 98.2, 43.9	`hsl(290.2,98.2%,43.9%)`
HSV (or HSB)	290.2°, 99.1, 87.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.656, 82.962, -64.901
XYZ	33.455, 15.758, 70.383
xyY	0.28, 0.132, 15.758
CIE-LCH	46.656, 105.332, 321.964
CIE-LUV	46.656, 48.755, -105.213
Hunter-Lab	39.697, 80.964, -77.335
Binary	10111010, 00000010, 11011110

#ba02de
```
#ba02de rgb(186,2,222)
```
#26de02
```
#26de02 rgb(38,222,2)
```

Complementary Color

#4c02de
```
#4c02de rgb(76,2,222)
```
#ba02de
```
#ba02de rgb(186,2,222)
```
#de0294
```
#de0294 rgb(222,2,148)
```

Analogous Color

#02de4c
```
#02de4c rgb(2,222,76)
```
#ba02de
```
#ba02de rgb(186,2,222)
```
#94de02
```
#94de02 rgb(148,222,2)
```

Split Complementary Color

#02deba
```
#02deba rgb(2,222,186)
```
#ba02de
```
#ba02de rgb(186,2,222)
```
#deba02
```
#deba02 rgb(222,186,2)
```

Triadic Color

#0226de
```
#0226de rgb(2,38,222)
```
#ba02de
```
#ba02de rgb(186,2,222)
```
#deba02
```
#deba02 rgb(222,186,2)
```
#26de02
```
#26de02 rgb(38,222,2)
```

Tetradic Color

#7a0192
```
#7a0192 rgb(122,1,146)
```
#9002ab
```
#9002ab rgb(144,2,171)
```
#a502c5
```
#a502c5 rgb(165,2,197)
```
#ba02de
```
#ba02de rgb(186,2,222)
```
#cf02f7
```
#cf02f7 rgb(207,2,247)
```
#d716fd
```
#d716fd rgb(215,22,253)
```
#db2ffd
```
#db2ffd rgb(219,47,253)
```

Monochromatic Color

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

#8302de
```
#8302de rgb(131,2,222)
```
#9502de
```
#9502de rgb(149,2,222)
```
#a802de
```
#a802de rgb(168,2,222)
```
#ba02de
```
#ba02de rgb(186,2,222)
```
#cc02de
```
#cc02de rgb(204,2,222)
```
#de02dd
```
#de02dd rgb(222,2,221)
```
#de02cb
```
#de02cb rgb(222,2,203)
```

Similar Colors

Text with hexadecimal color #ba02de

This text has a font color of #ba02de.

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

#ba02de background color

This paragraph has a background color of #ba02de.

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

#ba02de border color

This element has a border color of #ba02de.

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

CSS codes

.text {color:#ba02de;}

.background {background-color:#ba02de;}

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

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, #070008 is the darkest color, while #fdf4ff is the lightest one.

#070008
```
#070008 rgb(7,0,8)
```
#17001c
```
#17001c rgb(23,0,28)
```
#27002f
```
#27002f rgb(39,0,47)
```
#380142
```
#380142 rgb(56,1,66)
```
#480156
```
#480156 rgb(72,1,86)
```
#580169
```
#580169 rgb(88,1,105)
```
#69017d
```
#69017d rgb(105,1,125)
```
#790190
```
#790190 rgb(121,1,144)
```
#8901a4
```
#8901a4 rgb(137,1,164)
```
#9902b7
```
#9902b7 rgb(153,2,183)
```
#aa02cb
```
#aa02cb rgb(170,2,203)
```
#ba02de
```
#ba02de rgb(186,2,222)
```
#ca02f1
```
#ca02f1 rgb(202,2,241)
```

Shade Color Variation

#d50afd
```
#d50afd rgb(213,10,253)
```
#d81efd
```
#d81efd rgb(216,30,253)
```
#dc31fd
```
#dc31fd rgb(220,49,253)
```
#df45fd
```
#df45fd rgb(223,69,253)
```
#e258fd
```
#e258fd rgb(226,88,253)
```
#e66cfe
```
#e66cfe rgb(230,108,254)
```
#e97ffe
```
#e97ffe rgb(233,127,254)
```
#ec93fe
```
#ec93fe rgb(236,147,254)
```
#f0a6fe
```
#f0a6fe rgb(240,166,254)
```
#f3b9fe
```
#f3b9fe rgb(243,185,254)
```
#f6cdff
```
#f6cdff rgb(246,205,255)
```
#fae0ff
```
#fae0ff rgb(250,224,255)
```
#fdf4ff
```
#fdf4ff rgb(253,244,255)
```

Tint Color Variation

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

#746977
```
#746977 rgb(116,105,119)
```
#7a617f
```
#7a617f rgb(122,97,127)
```
#805888
```
#805888 rgb(128,88,136)
```
#865090
```
#865090 rgb(134,80,144)
```
#8c4799
```
#8c4799 rgb(140,71,153)
```
#913ea2
```
#913ea2 rgb(145,62,162)
```
#9736aa
```
#9736aa rgb(151,54,170)
```
#9d2db3
```
#9d2db3 rgb(157,45,179)
```
#a324bc
```
#a324bc rgb(163,36,188)
```
#a91cc4
```
#a91cc4 rgb(169,28,196)
```
#ae13cd
```
#ae13cd rgb(174,19,205)
```
#b40bd5
```
#b40bd5 rgb(180,11,213)
```
#ba02de
```
#ba02de rgb(186,2,222)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#67426e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c7 Deuteranopia 1% of men
#aa5f66 Tritanopia 0.001% of the population

Trichromacy

#4349de Protanomaly 1% of men, 0.01% of women
#434dcf Deuteranomaly 6% of men, 0.4% of women
#b03d91 Tritanomaly 0.01% of the population

#ba02de hex color

#ba02de Color Information

#ba02de Color Conversion

Color Schemes with #ba02de

Alternatives to #ba02de

#ba02de Preview

Shades and Tints of #ba02de

Tones of #ba02de

Color Blindness Simulator