colorhexa.com

#ba23c4 hex color

In a RGB color space, hex #ba23c4 is composed of 72.9% red, 13.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 82.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 296.3 degrees, a saturation of 69.7% and a lightness of 45.3%. #ba23c4 color hex could be obtained by blending #ff46ff with #750089. Closest websafe color is: #cc33cc.

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

● #ba23c4 color description : Strong magenta.

The hexadecimal color #ba23c4 has RGB values of R:186, G:35, B:196 and CMYK values of C:0.05, M:0.82, Y:0, K:0.23. Its decimal value is 12198852.

Hex triplet	ba23c4	`#ba23c4`
RGB Decimal	186, 35, 196	`rgb(186,35,196)`
RGB Percent	72.9, 13.7, 76.9	`rgb(72.9%,13.7%,76.9%)`
CMYK	5, 82, 0, 23
HSL	296.3°, 69.7, 45.3	`hsl(296.3,69.7%,45.3%)`
HSV (or HSB)	296.3°, 82.1, 76.9
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	46.483, 74.158, -50.203
XYZ	30.814, 15.629, 53.615
xyY	0.308, 0.156, 15.629
CIE-LCH	46.483, 89.553, 325.903
CIE-LUV	46.483, 55.25, -83.526
Hunter-Lab	39.533, 69.948, -52.737
Binary	10111010, 00100011, 11000100

#ba23c4
```
#ba23c4 rgb(186,35,196)
```
#2dc423
```
#2dc423 rgb(45,196,35)
```

Complementary Color

#6a23c4
```
#6a23c4 rgb(106,35,196)
```
#ba23c4
```
#ba23c4 rgb(186,35,196)
```
#c4237e
```
#c4237e rgb(196,35,126)
```

Analogous Color

#23c46a
```
#23c46a rgb(35,196,106)
```
#ba23c4
```
#ba23c4 rgb(186,35,196)
```
#7ec423
```
#7ec423 rgb(126,196,35)
```

Split Complementary Color

#23c4ba
```
#23c4ba rgb(35,196,186)
```
#ba23c4
```
#ba23c4 rgb(186,35,196)
```
#c4ba23
```
#c4ba23 rgb(196,186,35)
```

Triadic Color

#232dc4
```
#232dc4 rgb(35,45,196)
```
#ba23c4
```
#ba23c4 rgb(186,35,196)
```
#c4ba23
```
#c4ba23 rgb(196,186,35)
```
#2dc423
```
#2dc423 rgb(45,196,35)
```

Tetradic Color

#7c1783
```
#7c1783 rgb(124,23,131)
```
#911b99
```
#911b99 rgb(145,27,153)
```
#a51fae
```
#a51fae rgb(165,31,174)
```
#ba23c4
```
#ba23c4 rgb(186,35,196)
```
#ce28d9
```
#ce28d9 rgb(206,40,217)
```
#d33edc
```
#d33edc rgb(211,62,220)
```
#d853e0
```
#d853e0 rgb(216,83,224)
```

Monochromatic Color

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

#9223c4
```
#9223c4 rgb(146,35,196)
```
#9f23c4
```
#9f23c4 rgb(159,35,196)
```
#ad23c4
```
#ad23c4 rgb(173,35,196)
```
#ba23c4
```
#ba23c4 rgb(186,35,196)
```
#c423c1
```
#c423c1 rgb(196,35,193)
```
#c423b3
```
#c423b3 rgb(196,35,179)
```
#c423a6
```
#c423a6 rgb(196,35,166)
```

Similar Colors

Text with hexadecimal color #ba23c4

This text has a font color of #ba23c4.

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

#ba23c4 background color

This paragraph has a background color of #ba23c4.

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

#ba23c4 border color

This element has a border color of #ba23c4.

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

CSS codes

.text {color:#ba23c4;}

.background {background-color:#ba23c4;}

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

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

#0c020d
```
#0c020d rgb(12,2,13)
```
#1c051e
```
#1c051e rgb(28,5,30)
```
#2c082e
```
#2c082e rgb(44,8,46)
```
#3c0b3f
```
#3c0b3f rgb(60,11,63)
```
#4b0e4f
```
#4b0e4f rgb(75,14,79)
```
#5b1160
```
#5b1160 rgb(91,17,96)
```
#6b1471
```
#6b1471 rgb(107,20,113)
```
#7b1781
```
#7b1781 rgb(123,23,129)
```
#8b1a92
```
#8b1a92 rgb(139,26,146)
```
#9a1da3
```
#9a1da3 rgb(154,29,163)
```
#aa20b3
```
#aa20b3 rgb(170,32,179)
```
#ba23c4
```
#ba23c4 rgb(186,35,196)
```
#ca26d5
```
#ca26d5 rgb(202,38,213)
```

Shade Color Variation

#d034db
```
#d034db rgb(208,52,219)
```
#d444de
```
#d444de rgb(212,68,222)
```
#d855e1
```
#d855e1 rgb(216,85,225)
```
#dc65e4
```
#dc65e4 rgb(220,101,228)
```
#e076e7
```
#e076e7 rgb(224,118,231)
```
#e387ea
```
#e387ea rgb(227,135,234)
```
#e797ed
```
#e797ed rgb(231,151,237)
```
#eba8ef
```
#eba8ef rgb(235,168,239)
```
#efb9f2
```
#efb9f2 rgb(239,185,242)
```
#f3c9f5
```
#f3c9f5 rgb(243,201,245)
```
#f7daf8
```
#f7daf8 rgb(247,218,248)
```
#faebfb
```
#faebfb rgb(250,235,251)
```
#fefbfe
```
#fefbfe rgb(254,251,254)
```

Tint Color Variation

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

#747374
```
#747374 rgb(116,115,116)
```
#7c6a7d
```
#7c6a7d rgb(124,106,125)
```
#846186
```
#846186 rgb(132,97,134)
```
#8b588f
```
#8b588f rgb(139,88,143)
```
#934f98
```
#934f98 rgb(147,79,152)
```
#9b47a0
```
#9b47a0 rgb(155,71,160)
```
#a33ea9
```
#a33ea9 rgb(163,62,169)
```
#aa35b2
```
#aa35b2 rgb(170,53,178)
```
#b22cbb
```
#b22cbb rgb(178,44,187)
```
#ba23c4
```
#ba23c4 rgb(186,35,196)
```
#c21acd
```
#c21acd rgb(194,26,205)
```
#ca11d6
```
#ca11d6 rgb(202,17,214)
```
#d108df
```
#d108df rgb(209,8,223)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#745676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#4b76b5 Deuteranopia 1% of men
#b05b61 Tritanopia 0.001% of the population

Trichromacy

#4355d5 Protanomaly 1% of men, 0.01% of women
#7357bb Deuteranomaly 6% of men, 0.4% of women
#b34785 Tritanomaly 0.01% of the population