#ba02af hex color

In a RGB color space, hex #ba02af is composed of 72.9% red, 0.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.9% magenta, 5.9% yellow and 27.1% black. It has a hue angle of 303.6 degrees, a saturation of 97.9% and a lightness of 36.9%. #ba02af color hex could be obtained by blending #ff04ff with #75005f. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 73
- G 1
- B 69
RGB color chart
- C 0
- M 99
- Y 6
- K 27
CMYK color chart

● #ba02af color description : Strong magenta.

The hexadecimal color #ba02af has RGB values of R:186, G:2, B:175 and CMYK values of C:0, M:0.99, Y:0.06, K:0.27. Its decimal value is 12190383.

Hex triplet	ba02af	`#ba02af`
RGB Decimal	186, 2, 175	`rgb(186,2,175)`
RGB Percent	72.9, 0.8, 68.6	`rgb(72.9%,0.8%,68.6%)`
CMYK	0, 99, 6, 27
HSL	303.6°, 97.9, 36.9	`hsl(303.6,97.9%,36.9%)`
HSV (or HSB)	303.6°, 98.9, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	43.624, 75.727, -42.442
XYZ	28.009, 13.58, 41.701
xyY	0.336, 0.163, 13.58
CIE-LCH	43.624, 86.81, 330.731
CIE-LUV	43.624, 65.872, -71.346
Hunter-Lab	36.851, 71.182, -41.298
Binary	10111010, 00000010, 10101111

#ba02af
```
#ba02af rgb(186,2,175)
```
#02ba0d
```
#02ba0d rgb(2,186,13)
```

Complementary Color

#6902ba
```
#6902ba rgb(105,2,186)
```
#ba02af
```
#ba02af rgb(186,2,175)
```
#ba0253
```
#ba0253 rgb(186,2,83)
```

Analogous Color

#02ba69
```
#02ba69 rgb(2,186,105)
```
#ba02af
```
#ba02af rgb(186,2,175)
```
#53ba02
```
#53ba02 rgb(83,186,2)
```

Split Complementary Color

#02afba
```
#02afba rgb(2,175,186)
```
#ba02af
```
#ba02af rgb(186,2,175)
```
#afba02
```
#afba02 rgb(175,186,2)
```

Triadic Color

#0d02ba
```
#0d02ba rgb(13,2,186)
```
#ba02af
```
#ba02af rgb(186,2,175)
```
#afba02
```
#afba02 rgb(175,186,2)
```
#02ba0d
```
#02ba0d rgb(2,186,13)
```

Tetradic Color

#6e0168
```
#6e0168 rgb(110,1,104)
```
#880180
```
#880180 rgb(136,1,128)
```
#a10297
```
#a10297 rgb(161,2,151)
```
#ba02af
```
#ba02af rgb(186,2,175)
```
#d302c7
```
#d302c7 rgb(211,2,199)
```
#ec03de
```
#ec03de rgb(236,3,222)
```
#fc0cee
```
#fc0cee rgb(252,12,238)
```

Monochromatic Color

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

#9702ba
```
#9702ba rgb(151,2,186)
```
#a602ba
```
#a602ba rgb(166,2,186)
```
#b602ba
```
#b602ba rgb(182,2,186)
```
#ba02af
```
#ba02af rgb(186,2,175)
```
#ba02a0
```
#ba02a0 rgb(186,2,160)
```
#ba0290
```
#ba0290 rgb(186,2,144)
```
#ba0281
```
#ba0281 rgb(186,2,129)
```

Similar Colors

Text with hexadecimal color #ba02af

This text has a font color of #ba02af.

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

#ba02af background color

This paragraph has a background color of #ba02af.

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

#ba02af border color

This element has a border color of #ba02af.

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

CSS codes

.text {color:#ba02af;}

.background {background-color:#ba02af;}

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

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, #0b000b is the darkest color, while #fff7fe is the lightest one.

#0b000b
```
#0b000b rgb(11,0,11)
```
#1f001d
```
#1f001d rgb(31,0,29)
```
#32012f
```
#32012f rgb(50,1,47)
```
#460141
```
#460141 rgb(70,1,65)
```
#590154
```
#590154 rgb(89,1,84)
```
#6c0166
```
#6c0166 rgb(108,1,102)
```
#800178
```
#800178 rgb(128,1,120)
```
#93028a
```
#93028a rgb(147,2,138)
```
#a7029d
```
#a7029d rgb(167,2,157)
```
#ba02af
```
#ba02af rgb(186,2,175)
```
#cd02c1
```
#cd02c1 rgb(205,2,193)
```
#e102d4
```
#e102d4 rgb(225,2,212)
```
#f403e6
```
#f403e6 rgb(244,3,230)
```

Shade Color Variation

#fc0eee
```
#fc0eee rgb(252,14,238)
```
#fd21f0
```
#fd21f0 rgb(253,33,240)
```
#fd35f1
```
#fd35f1 rgb(253,53,241)
```
#fd48f2
```
#fd48f2 rgb(253,72,242)
```
#fd5cf4
```
#fd5cf4 rgb(253,92,244)
```
#fd6ff5
```
#fd6ff5 rgb(253,111,245)
```
#fe82f6
```
#fe82f6 rgb(254,130,246)
```
#fe96f8
```
#fe96f8 rgb(254,150,248)
```
#fea9f9
```
#fea9f9 rgb(254,169,249)
```
#febdfa
```
#febdfa rgb(254,189,250)
```
#fed0fc
```
#fed0fc rgb(254,208,252)
```
#ffe4fd
```
#ffe4fd rgb(255,228,253)
```
#fff7fe
```
#fff7fe rgb(255,247,254)
```

Tint Color Variation

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

#635963
```
#635963 rgb(99,89,99)
```
#6a5269
```
#6a5269 rgb(106,82,105)
```
#724a6f
```
#724a6f rgb(114,74,111)
```
#794376
```
#794376 rgb(121,67,118)
```
#803c7c
```
#803c7c rgb(128,60,124)
```
#873582
```
#873582 rgb(135,53,130)
```
#8f2d89
```
#8f2d89 rgb(143,45,137)
```
#96268f
```
#96268f rgb(150,38,143)
```
#9d1f96
```
#9d1f96 rgb(157,31,150)
```
#a4189c
```
#a4189c rgb(164,24,156)
```
#ac10a2
```
#ac10a2 rgb(172,16,162)
```
#b309a9
```
#b309a9 rgb(179,9,169)
```
#ba02af
```
#ba02af rgb(186,2,175)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#633e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#546ea2 Deuteranopia 1% of men
#b24c51 Tritanopia 0.001% of the population

Trichromacy

#4345c5 Protanomaly 1% of men, 0.01% of women
#7947a6 Deuteranomaly 6% of men, 0.4% of women
#b53173 Tritanomaly 0.01% of the population

#ba02af hex color

#ba02af Color Information

#ba02af Color Conversion

Color Schemes with #ba02af

Alternatives to #ba02af

#ba02af Preview

Shades and Tints of #ba02af

Tones of #ba02af

Color Blindness Simulator