#ba48ec hex color

In a RGB color space, hex #ba48ec is composed of 72.9% red, 28.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 69.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 281.7 degrees, a saturation of 81.2% and a lightness of 60.4%. #ba48ec color hex could be obtained by blending #ff90ff with #7500d9. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 28
- B 93
RGB color chart
- C 21
- M 69
- Y 0
- K 7
CMYK color chart

● #ba48ec color description : Soft violet.

The hexadecimal color #ba48ec has RGB values of R:186, G:72, B:236 and CMYK values of C:0.21, M:0.69, Y:0, K:0.07. Its decimal value is 12208364.

Hex triplet	ba48ec	`#ba48ec`
RGB Decimal	186, 72, 236	`rgb(186,72,236)`
RGB Percent	72.9, 28.2, 92.5	`rgb(72.9%,28.2%,92.5%)`
CMYK	21, 69, 0, 7
HSL	281.7°, 81.2, 60.4	`hsl(281.7,81.2%,60.4%)`
HSV (or HSB)	281.7°, 69.5, 92.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.093, 69.574, -62.425
XYZ	37.705, 21.131, 81.445
xyY	0.269, 0.151, 21.131
CIE-LCH	53.093, 93.474, 318.1
CIE-LUV	53.093, 37.234, -104.113
Hunter-Lab	45.969, 65.968, -72.869
Binary	10111010, 01001000, 11101100

#ba48ec
```
#ba48ec rgb(186,72,236)
```
#7aec48
```
#7aec48 rgb(122,236,72)
```

Complementary Color

#6848ec
```
#6848ec rgb(104,72,236)
```
#ba48ec
```
#ba48ec rgb(186,72,236)
```
#ec48cc
```
#ec48cc rgb(236,72,204)
```

Analogous Color

#48ec68
```
#48ec68 rgb(72,236,104)
```
#ba48ec
```
#ba48ec rgb(186,72,236)
```
#ccec48
```
#ccec48 rgb(204,236,72)
```

Split Complementary Color

#48ecba
```
#48ecba rgb(72,236,186)
```
#ba48ec
```
#ba48ec rgb(186,72,236)
```
#ecba48
```
#ecba48 rgb(236,186,72)
```

Triadic Color

#487aec
```
#487aec rgb(72,122,236)
```
#ba48ec
```
#ba48ec rgb(186,72,236)
```
#ecba48
```
#ecba48 rgb(236,186,72)
```
#7aec48
```
#7aec48 rgb(122,236,72)
```

Tetradic Color

#9816d2
```
#9816d2 rgb(152,22,210)
```
#a91ae7
```
#a91ae7 rgb(169,26,231)
```
#b131ea
```
#b131ea rgb(177,49,234)
```
#ba48ec
```
#ba48ec rgb(186,72,236)
```
#c35fee
```
#c35fee rgb(195,95,238)
```
#cb76f1
```
#cb76f1 rgb(203,118,241)
```
#d48df3
```
#d48df3 rgb(212,141,243)
```

Monochromatic Color

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

#9148ec
```
#9148ec rgb(145,72,236)
```
#9f48ec
```
#9f48ec rgb(159,72,236)
```
#ac48ec
```
#ac48ec rgb(172,72,236)
```
#ba48ec
```
#ba48ec rgb(186,72,236)
```
#c848ec
```
#c848ec rgb(200,72,236)
```
#d548ec
```
#d548ec rgb(213,72,236)
```
#e348ec
```
#e348ec rgb(227,72,236)
```

Similar Colors

Text with hexadecimal color #ba48ec

This text has a font color of #ba48ec.

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

#ba48ec background color

This paragraph has a background color of #ba48ec.

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

#ba48ec border color

This element has a border color of #ba48ec.

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

CSS codes

.text {color:#ba48ec;}

.background {background-color:#ba48ec;}

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

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, #09010c is the darkest color, while #fdfafe is the lightest one.

#09010c
```
#09010c rgb(9,1,12)
```
#16031e
```
#16031e rgb(22,3,30)
```
#230530
```
#230530 rgb(35,5,48)
```
#300742
```
#300742 rgb(48,7,66)
```
#3d0954
```
#3d0954 rgb(61,9,84)
```
#4a0b65
```
#4a0b65 rgb(74,11,101)
```
#570c77
```
#570c77 rgb(87,12,119)
```
#630e89
```
#630e89 rgb(99,14,137)
```
#70109b
```
#70109b rgb(112,16,155)
```
#7d12ac
```
#7d12ac rgb(125,18,172)
```
#8a14be
```
#8a14be rgb(138,20,190)
```
#9716d0
```
#9716d0 rgb(151,22,208)
```
#a417e2
```
#a417e2 rgb(164,23,226)
```

Shade Color Variation

#ad24e8
```
#ad24e8 rgb(173,36,232)
```
#b336ea
```
#b336ea rgb(179,54,234)
```
#ba48ec
```
#ba48ec rgb(186,72,236)
```
#c15aee
```
#c15aee rgb(193,90,238)
```
#c76cf0
```
#c76cf0 rgb(199,108,240)
```
#ce7df2
```
#ce7df2 rgb(206,125,242)
```
#d58ff3
```
#d58ff3 rgb(213,143,243)
```
#dca1f5
```
#dca1f5 rgb(220,161,245)
```
#e2b3f7
```
#e2b3f7 rgb(226,179,247)
```
#e9c4f9
```
#e9c4f9 rgb(233,196,249)
```
#f0d6fb
```
#f0d6fb rgb(240,214,251)
```
#f6e8fd
```
#f6e8fd rgb(246,232,253)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#9c969e
```
#9c969e rgb(156,150,158)
```
#9f8ea6
```
#9f8ea6 rgb(159,142,166)
```
#a286ae
```
#a286ae rgb(162,134,174)
```
#a57eb6
```
#a57eb6 rgb(165,126,182)
```
#a877bd
```
#a877bd rgb(168,119,189)
```
#ab6fc5
```
#ab6fc5 rgb(171,111,197)
```
#ae67cd
```
#ae67cd rgb(174,103,205)
```
#b15fd5
```
#b15fd5 rgb(177,95,213)
```
#b458dc
```
#b458dc rgb(180,88,220)
```
#b750e4
```
#b750e4 rgb(183,80,228)
```
#ba48ec
```
#ba48ec rgb(186,72,236)
```
#bd40f4
```
#bd40f4 rgb(189,64,244)
```
#c038fc
```
#c038fc rgb(192,56,252)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897293 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#3487dc Deuteranopia 1% of men
#a97880 Tritanopia 0.001% of the population

Trichromacy

#436cf6 Protanomaly 1% of men, 0.01% of women
#6570e2 Deuteranomaly 6% of men, 0.4% of women
#af66a7 Tritanomaly 0.01% of the population

#ba48ec hex color

#ba48ec Color Information

#ba48ec Color Conversion

Color Schemes with #ba48ec

Alternatives to #ba48ec

#ba48ec Preview

Shades and Tints of #ba48ec

Tones of #ba48ec

Color Blindness Simulator