colorhexa.com

#ba12c4 hex color

In a RGB color space, hex #ba12c4 is composed of 72.9% red, 7.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 90.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 296.6 degrees, a saturation of 83.2% and a lightness of 42%. #ba12c4 color hex could be obtained by blending #ff24ff with #750089. Closest websafe color is: #cc00cc.

- R 73
- G 7
- B 77
RGB color chart
- C 5
- M 91
- Y 0
- K 23
CMYK color chart

● #ba12c4 color description : Strong magenta.

The hexadecimal color #ba12c4 has RGB values of R:186, G:18, B:196 and CMYK values of C:0.05, M:0.91, Y:0, K:0.23. Its decimal value is 12194500.

Hex triplet	ba12c4	`#ba12c4`
RGB Decimal	186, 18, 196	`rgb(186,18,196)`
RGB Percent	72.9, 7.1, 76.9	`rgb(72.9%,7.1%,76.9%)`
CMYK	5, 91, 0, 23
HSL	296.6°, 83.2, 42	`hsl(296.6,83.2%,42%)`
HSV (or HSB)	296.6°, 90.8, 76.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.441, 77.217, -51.875
XYZ	30.429, 14.859, 53.487
xyY	0.308, 0.15, 14.859
CIE-LCH	45.441, 93.024, 326.107
CIE-LUV	45.441, 56.898, -85.737
Hunter-Lab	38.548, 73.447, -55.285
Binary	10111010, 00010010, 11000100

#ba12c4
```
#ba12c4 rgb(186,18,196)
```
#1cc412
```
#1cc412 rgb(28,196,18)
```

Complementary Color

#6112c4
```
#6112c4 rgb(97,18,196)
```
#ba12c4
```
#ba12c4 rgb(186,18,196)
```
#c41275
```
#c41275 rgb(196,18,117)
```

Analogous Color

#12c461
```
#12c461 rgb(18,196,97)
```
#ba12c4
```
#ba12c4 rgb(186,18,196)
```
#75c412
```
#75c412 rgb(117,196,18)
```

Split Complementary Color

#12c4ba
```
#12c4ba rgb(18,196,186)
```
#ba12c4
```
#ba12c4 rgb(186,18,196)
```
#c4ba12
```
#c4ba12 rgb(196,186,18)
```

Triadic Color

#121cc4
```
#121cc4 rgb(18,28,196)
```
#ba12c4
```
#ba12c4 rgb(186,18,196)
```
#c4ba12
```
#c4ba12 rgb(196,186,18)
```
#1cc412
```
#1cc412 rgb(28,196,18)
```

Tetradic Color

#780c7e
```
#780c7e rgb(120,12,126)
```
#8e0e95
```
#8e0e95 rgb(142,14,149)
```
#a410ad
```
#a410ad rgb(164,16,173)
```
#ba12c4
```
#ba12c4 rgb(186,18,196)
```
#d014db
```
#d014db rgb(208,20,219)
```
#df1fea
```
#df1fea rgb(223,31,234)
```
#e236ed
```
#e236ed rgb(226,54,237)
```

Monochromatic Color

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

#8e12c4
```
#8e12c4 rgb(142,18,196)
```
#9c12c4
```
#9c12c4 rgb(156,18,196)
```
#ab12c4
```
#ab12c4 rgb(171,18,196)
```
#ba12c4
```
#ba12c4 rgb(186,18,196)
```
#c412bf
```
#c412bf rgb(196,18,191)
```
#c412b0
```
#c412b0 rgb(196,18,176)
```
#c412a2
```
#c412a2 rgb(196,18,162)
```

Similar Colors

Text with hexadecimal color #ba12c4

This text has a font color of #ba12c4.

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

#ba12c4 background color

This paragraph has a background color of #ba12c4.

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

#ba12c4 border color

This element has a border color of #ba12c4.

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

CSS codes

.text {color:#ba12c4;}

.background {background-color:#ba12c4;}

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

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

#100210
```
#100210 rgb(16,2,16)
```
#210322
```
#210322 rgb(33,3,34)
```
#320534
```
#320534 rgb(50,5,52)
```
#430646
```
#430646 rgb(67,6,70)
```
#540858
```
#540858 rgb(84,8,88)
```
#650a6a
```
#650a6a rgb(101,10,106)
```
#760b7c
```
#760b7c rgb(118,11,124)
```
#870d8e
```
#870d8e rgb(135,13,142)
```
#980fa0
```
#980fa0 rgb(152,15,160)
```
#a910b2
```
#a910b2 rgb(169,16,178)
```
#ba12c4
```
#ba12c4 rgb(186,18,196)
```
#cb14d6
```
#cb14d6 rgb(203,20,214)
```
#dc15e8
```
#dc15e8 rgb(220,21,232)
```

Shade Color Variation

#e026eb
```
#e026eb rgb(224,38,235)
```
#e338ed
```
#e338ed rgb(227,56,237)
```
#e54aee
```
#e54aee rgb(229,74,238)
```
#e85cf0
```
#e85cf0 rgb(232,92,240)
```
#ea6ef2
```
#ea6ef2 rgb(234,110,242)
```
#ed80f3
```
#ed80f3 rgb(237,128,243)
```
#ef92f5
```
#ef92f5 rgb(239,146,245)
```
#f2a4f7
```
#f2a4f7 rgb(242,164,247)
```
#f5b6f8
```
#f5b6f8 rgb(245,182,248)
```
#f7c7fa
```
#f7c7fa rgb(247,199,250)
```
#fad9fc
```
#fad9fc rgb(250,217,252)
```
#fcebfd
```
#fcebfd rgb(252,235,253)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#716472
```
#716472 rgb(113,100,114)
```
#785c7a
```
#785c7a rgb(120,92,122)
```
#805482
```
#805482 rgb(128,84,130)
```
#874c8a
```
#874c8a rgb(135,76,138)
```
#8e4393
```
#8e4393 rgb(142,67,147)
```
#953b9b
```
#953b9b rgb(149,59,155)
```
#9d33a3
```
#9d33a3 rgb(157,51,163)
```
#a42bab
```
#a42bab rgb(164,43,171)
```
#ab22b4
```
#ab22b4 rgb(171,34,180)
```
#b31abc
```
#b31abc rgb(179,26,188)
```
#ba12c4
```
#ba12c4 rgb(186,18,196)
```
#c10acc
```
#c10acc rgb(193,10,204)
```
#c902d4
```
#c902d4 rgb(201,2,212)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6c4b6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#4573b4 Deuteranopia 1% of men
#af575d Tritanopia 0.001% of the population

Trichromacy

#434dd2 Protanomaly 1% of men, 0.01% of women
#6f50ba Deuteranomaly 6% of men, 0.4% of women
#b33e82 Tritanomaly 0.01% of the population