#ba14d3 hex color

In a RGB color space, hex #ba14d3 is composed of 72.9% red, 7.8% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 90.5% magenta, 0% yellow and 17.3% black. It has a hue angle of 292.1 degrees, a saturation of 82.7% and a lightness of 45.3%. #ba14d3 color hex could be obtained by blending #ff28ff with #7500a7. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 8
- B 83
RGB color chart
- C 12
- M 91
- Y 0
- K 17
CMYK color chart

● #ba14d3 color description : Strong magenta.

The hexadecimal color #ba14d3 has RGB values of R:186, G:20, B:211 and CMYK values of C:0.12, M:0.91, Y:0, K:0.17. Its decimal value is 12195027.

Hex triplet	ba14d3	`#ba14d3`
RGB Decimal	186, 20, 211	`rgb(186,20,211)`
RGB Percent	72.9, 7.8, 82.7	`rgb(72.9%,7.8%,82.7%)`
CMYK	12, 91, 0, 17
HSL	292.1°, 82.7, 45.3	`hsl(292.1,82.7%,45.3%)`
HSV (or HSB)	292.1°, 90.5, 82.7
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.504, 79.347, -58.842
XYZ	32.257, 15.644, 62.945
xyY	0.291, 0.141, 15.644
CIE-LCH	46.504, 98.785, 323.44
CIE-LUV	46.504, 51.546, -96.367
Hunter-Lab	39.553, 76.354, -66.668
Binary	10111010, 00010100, 11010011

#ba14d3
```
#ba14d3 rgb(186,20,211)
```
#2dd314
```
#2dd314 rgb(45,211,20)
```

Complementary Color

#5a14d3
```
#5a14d3 rgb(90,20,211)
```
#ba14d3
```
#ba14d3 rgb(186,20,211)
```
#d3148d
```
#d3148d rgb(211,20,141)
```

Analogous Color

#14d35a
```
#14d35a rgb(20,211,90)
```
#ba14d3
```
#ba14d3 rgb(186,20,211)
```
#8dd314
```
#8dd314 rgb(141,211,20)
```

Split Complementary Color

#14d3ba
```
#14d3ba rgb(20,211,186)
```
#ba14d3
```
#ba14d3 rgb(186,20,211)
```
#d3ba14
```
#d3ba14 rgb(211,186,20)
```

Triadic Color

#142dd3
```
#142dd3 rgb(20,45,211)
```
#ba14d3
```
#ba14d3 rgb(186,20,211)
```
#d3ba14
```
#d3ba14 rgb(211,186,20)
```
#2dd314
```
#2dd314 rgb(45,211,20)
```

Tetradic Color

#7c0d8d
```
#7c0d8d rgb(124,13,141)
```
#9110a4
```
#9110a4 rgb(145,16,164)
```
#a512bc
```
#a512bc rgb(165,18,188)
```
#ba14d3
```
#ba14d3 rgb(186,20,211)
```
#ce17e9
```
#ce17e9 rgb(206,23,233)
```
#d32feb
```
#d32feb rgb(211,47,235)
```
#d846ed
```
#d846ed rgb(216,70,237)
```

Monochromatic Color

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

#8a14d3
```
#8a14d3 rgb(138,20,211)
```
#9a14d3
```
#9a14d3 rgb(154,20,211)
```
#aa14d3
```
#aa14d3 rgb(170,20,211)
```
#ba14d3
```
#ba14d3 rgb(186,20,211)
```
#ca14d3
```
#ca14d3 rgb(202,20,211)
```
#d314cc
```
#d314cc rgb(211,20,204)
```
#d314bc
```
#d314bc rgb(211,20,188)
```

Similar Colors

Text with hexadecimal color #ba14d3

This text has a font color of #ba14d3.

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

#ba14d3 background color

This paragraph has a background color of #ba14d3.

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

#ba14d3 border color

This element has a border color of #ba14d3.

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

CSS codes

.text {color:#ba14d3;}

.background {background-color:#ba14d3;}

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

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

#0c010e
```
#0c010e rgb(12,1,14)
```
#1c0320
```
#1c0320 rgb(28,3,32)
```
#2c0532
```
#2c0532 rgb(44,5,50)
```
#3c0644
```
#3c0644 rgb(60,6,68)
```
#4b0856
```
#4b0856 rgb(75,8,86)
```
#5b0a67
```
#5b0a67 rgb(91,10,103)
```
#6b0c79
```
#6b0c79 rgb(107,12,121)
```
#7b0d8b
```
#7b0d8b rgb(123,13,139)
```
#8b0f9d
```
#8b0f9d rgb(139,15,157)
```
#9a11af
```
#9a11af rgb(154,17,175)
```
#aa12c1
```
#aa12c1 rgb(170,18,193)
```
#ba14d3
```
#ba14d3 rgb(186,20,211)
```
#ca16e5
```
#ca16e5 rgb(202,22,229)
```

Shade Color Variation

#d024ea
```
#d024ea rgb(208,36,234)
```
#d436ec
```
#d436ec rgb(212,54,236)
```
#d848ee
```
#d848ee rgb(216,72,238)
```
#dc5aef
```
#dc5aef rgb(220,90,239)
```
#e06cf1
```
#e06cf1 rgb(224,108,241)
```
#e37ef3
```
#e37ef3 rgb(227,126,243)
```
#e78ff4
```
#e78ff4 rgb(231,143,244)
```
#eba1f6
```
#eba1f6 rgb(235,161,246)
```
#efb3f8
```
#efb3f8 rgb(239,179,248)
```
#f3c5fa
```
#f3c5fa rgb(243,197,250)
```
#f7d7fb
```
#f7d7fb rgb(247,215,251)
```
#fae9fd
```
#fae9fd rgb(250,233,253)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#786d7a
```
#786d7a rgb(120,109,122)
```
#7f6483
```
#7f6483 rgb(127,100,131)
```
#865b8c
```
#865b8c rgb(134,91,140)
```
#8c5295
```
#8c5295 rgb(140,82,149)
```
#93499e
```
#93499e rgb(147,73,158)
```
#9940a7
```
#9940a7 rgb(153,64,167)
```
#a038af
```
#a038af rgb(160,56,175)
```
#a62fb8
```
#a62fb8 rgb(166,47,184)
```
#ad26c1
```
#ad26c1 rgb(173,38,193)
```
#b31dca
```
#b31dca rgb(179,29,202)
```
#ba14d3
```
#ba14d3 rgb(186,20,211)
```
#c10bdc
```
#c10bdc rgb(193,11,220)
```
#c702e5
```
#c702e5 rgb(199,2,229)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e4d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#3077c1 Deuteranopia 1% of men
#ad5d63 Tritanopia 0.001% of the population

Trichromacy

#4350da Protanomaly 1% of men, 0.01% of women
#6253c7 Deuteranomaly 6% of men, 0.4% of women
#b1428c Tritanomaly 0.01% of the population

#ba14d3 hex color

#ba14d3 Color Information

#ba14d3 Color Conversion

Color Schemes with #ba14d3

Alternatives to #ba14d3

#ba14d3 Preview

Shades and Tints of #ba14d3

Tones of #ba14d3

Color Blindness Simulator