#ba2daf hex color

In a RGB color space, hex #ba2daf is composed of 72.9% red, 17.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.8% magenta, 5.9% yellow and 27.1% black. It has a hue angle of 304.7 degrees, a saturation of 61% and a lightness of 45.3%. #ba2daf color hex could be obtained by blending #ff5aff with #75005f. Closest websafe color is: #cc3399.

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

● #ba2daf color description : Strong magenta.

The hexadecimal color #ba2daf has RGB values of R:186, G:45, B:175 and CMYK values of C:0, M:0.76, Y:0.06, K:0.27. Its decimal value is 12201391.

Hex triplet	ba2daf	`#ba2daf`
RGB Decimal	186, 45, 175	`rgb(186,45,175)`
RGB Percent	72.9, 17.6, 68.6	`rgb(72.9%,17.6%,68.6%)`
CMYK	0, 76, 6, 27
HSL	304.7°, 61, 45.3	`hsl(304.7,61%,45.3%)`
HSV (or HSB)	304.7°, 75.8, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	46.195, 68.238, -38.364
XYZ	28.926, 15.413, 42.007
xyY	0.335, 0.179, 15.413
CIE-LCH	46.195, 78.282, 330.655
CIE-LUV	46.195, 61.132, -65.516
Hunter-Lab	39.259, 62.811, -35.957
Binary	10111010, 00101101, 10101111

#ba2daf
```
#ba2daf rgb(186,45,175)
```
#2dba38
```
#2dba38 rgb(45,186,56)
```

Complementary Color

#7f2dba
```
#7f2dba rgb(127,45,186)
```
#ba2daf
```
#ba2daf rgb(186,45,175)
```
#ba2d69
```
#ba2d69 rgb(186,45,105)
```

Analogous Color

#2dba7f
```
#2dba7f rgb(45,186,127)
```
#ba2daf
```
#ba2daf rgb(186,45,175)
```
#69ba2d
```
#69ba2d rgb(105,186,45)
```

Split Complementary Color

#2dafba
```
#2dafba rgb(45,175,186)
```
#ba2daf
```
#ba2daf rgb(186,45,175)
```
#afba2d
```
#afba2d rgb(175,186,45)
```

Triadic Color

#382dba
```
#382dba rgb(56,45,186)
```
#ba2daf
```
#ba2daf rgb(186,45,175)
```
#afba2d
```
#afba2d rgb(175,186,45)
```
#2dba38
```
#2dba38 rgb(45,186,56)
```

Tetradic Color

#7c1e75
```
#7c1e75 rgb(124,30,117)
```
#912388
```
#912388 rgb(145,35,136)
```
#a5289c
```
#a5289c rgb(165,40,156)
```
#ba2daf
```
#ba2daf rgb(186,45,175)
```
#ce33c2
```
#ce33c2 rgb(206,51,194)
```
#d347c8
```
#d347c8 rgb(211,71,200)
```
#d85cce
```
#d85cce rgb(216,92,206)
```

Monochromatic Color

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

#a22dba
```
#a22dba rgb(162,45,186)
```
#ae2dba
```
#ae2dba rgb(174,45,186)
```
#b92dba
```
#b92dba rgb(185,45,186)
```
#ba2daf
```
#ba2daf rgb(186,45,175)
```
#ba2da3
```
#ba2da3 rgb(186,45,163)
```
#ba2d98
```
#ba2d98 rgb(186,45,152)
```
#ba2d8c
```
#ba2d8c rgb(186,45,140)
```

Similar Colors

Text with hexadecimal color #ba2daf

This text has a font color of #ba2daf.

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

#ba2daf background color

This paragraph has a background color of #ba2daf.

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

#ba2daf border color

This element has a border color of #ba2daf.

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

CSS codes

.text {color:#ba2daf;}

.background {background-color:#ba2daf;}

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

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

#0c030c
```
#0c030c rgb(12,3,12)
```
#1c071a
```
#1c071a rgb(28,7,26)
```
#2c0b29
```
#2c0b29 rgb(44,11,41)
```
#3c0e38
```
#3c0e38 rgb(60,14,56)
```
#4b1247
```
#4b1247 rgb(75,18,71)
```
#5b1656
```
#5b1656 rgb(91,22,86)
```
#6b1a65
```
#6b1a65 rgb(107,26,101)
```
#7b1e74
```
#7b1e74 rgb(123,30,116)
```
#8b2282
```
#8b2282 rgb(139,34,130)
```
#9a2591
```
#9a2591 rgb(154,37,145)
```
#aa29a0
```
#aa29a0 rgb(170,41,160)
```
#ba2daf
```
#ba2daf rgb(186,45,175)
```
#ca31be
```
#ca31be rgb(202,49,190)
```

Shade Color Variation

#d03ec5
```
#d03ec5 rgb(208,62,197)
```
#d44eca
```
#d44eca rgb(212,78,202)
```
#d85ece
```
#d85ece rgb(216,94,206)
```
#dc6dd3
```
#dc6dd3 rgb(220,109,211)
```
#e07dd8
```
#e07dd8 rgb(224,125,216)
```
#e38ddd
```
#e38ddd rgb(227,141,221)
```
#e79de1
```
#e79de1 rgb(231,157,225)
```
#ebace6
```
#ebace6 rgb(235,172,230)
```
#efbceb
```
#efbceb rgb(239,188,235)
```
#f3ccf0
```
#f3ccf0 rgb(243,204,240)
```
#f7dcf4
```
#f7dcf4 rgb(247,220,244)
```
#faecf9
```
#faecf9 rgb(250,236,249)
```
#fefbfe
```
#fefbfe rgb(254,251,254)
```

Tint Color Variation

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

#7c6b7b
```
#7c6b7b rgb(124,107,123)
```
#856282
```
#856282 rgb(133,98,130)
```
#8e598a
```
#8e598a rgb(142,89,138)
```
#965191
```
#965191 rgb(150,81,145)
```
#9f4899
```
#9f4899 rgb(159,72,153)
```
#a83fa0
```
#a83fa0 rgb(168,63,160)
```
#b136a8
```
#b136a8 rgb(177,54,168)
```
#ba2daf
```
#ba2daf rgb(186,45,175)
```
#c324b6
```
#c324b6 rgb(195,36,182)
```
#cc1bbe
```
#cc1bbe rgb(204,27,190)
```
#d512c5
```
#d512c5 rgb(213,18,197)
```
#de09cd
```
#de09cd rgb(222,9,205)
```
#e601d4
```
#e601d4 rgb(230,1,212)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#775b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1371dd Protanopia 1% of men
#5f74a4 Deuteranopia 1% of men
#b3585d Tritanopia 0.001% of the population

Trichromacy

#4f58cc Protanomaly 1% of men, 0.01% of women
#805aa8 Deuteranomaly 6% of men, 0.4% of women
#b5487b Tritanomaly 0.01% of the population

#ba2daf hex color

#ba2daf Color Information

#ba2daf Color Conversion

Color Schemes with #ba2daf

Alternatives to #ba2daf

#ba2daf Preview

Shades and Tints of #ba2daf

Tones of #ba2daf

Color Blindness Simulator