#ba38f0 hex color

In a RGB color space, hex #ba38f0 is composed of 72.9% red, 22% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 76.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 282.4 degrees, a saturation of 86% and a lightness of 58%. #ba38f0 color hex could be obtained by blending #ff70ff with #7500e1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 22
- B 94
RGB color chart
- C 23
- M 77
- Y 0
- K 6
CMYK color chart

● #ba38f0 color description : Bright violet.

The hexadecimal color #ba38f0 has RGB values of R:186, G:56, B:240 and CMYK values of C:0.23, M:0.77, Y:0, K:0.06. Its decimal value is 12204272.

Hex triplet	ba38f0	`#ba38f0`
RGB Decimal	186, 56, 240	`rgb(186,56,240)`
RGB Percent	72.9, 22, 94.1	`rgb(72.9%,22%,94.1%)`
CMYK	23, 77, 0, 6
HSL	282.4°, 86, 58	`hsl(282.4,86%,58%)`
HSV (or HSB)	282.4°, 76.7, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.336, 76.119, -67.507
XYZ	37.39, 19.56, 84.239
xyY	0.265, 0.139, 19.56
CIE-LCH	51.336, 101.741, 318.431
CIE-LUV	51.336, 39.022, -111.213
Hunter-Lab	44.227, 73.51, -81.972
Binary	10111010, 00111000, 11110000

#ba38f0
```
#ba38f0 rgb(186,56,240)
```
#6ef038
```
#6ef038 rgb(110,240,56)
```

Complementary Color

#5e38f0
```
#5e38f0 rgb(94,56,240)
```
#ba38f0
```
#ba38f0 rgb(186,56,240)
```
#f038ca
```
#f038ca rgb(240,56,202)
```

Analogous Color

#38f05e
```
#38f05e rgb(56,240,94)
```
#ba38f0
```
#ba38f0 rgb(186,56,240)
```
#caf038
```
#caf038 rgb(202,240,56)
```

Split Complementary Color

#38f0ba
```
#38f0ba rgb(56,240,186)
```
#ba38f0
```
#ba38f0 rgb(186,56,240)
```
#f0ba38
```
#f0ba38 rgb(240,186,56)
```

Triadic Color

#386ef0
```
#386ef0 rgb(56,110,240)
```
#ba38f0
```
#ba38f0 rgb(186,56,240)
```
#f0ba38
```
#f0ba38 rgb(240,186,56)
```
#6ef038
```
#6ef038 rgb(110,240,56)
```

Tetradic Color

#950fcc
```
#950fcc rgb(149,15,204)
```
#a611e4
```
#a611e4 rgb(166,17,228)
```
#b220ee
```
#b220ee rgb(178,32,238)
```
#ba38f0
```
#ba38f0 rgb(186,56,240)
```
#c250f2
```
#c250f2 rgb(194,80,242)
```
#ca67f4
```
#ca67f4 rgb(202,103,244)
```
#d37ff5
```
#d37ff5 rgb(211,127,245)
```

Monochromatic Color

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

#8c38f0
```
#8c38f0 rgb(140,56,240)
```
#9b38f0
```
#9b38f0 rgb(155,56,240)
```
#ab38f0
```
#ab38f0 rgb(171,56,240)
```
#ba38f0
```
#ba38f0 rgb(186,56,240)
```
#c938f0
```
#c938f0 rgb(201,56,240)
```
#d938f0
```
#d938f0 rgb(217,56,240)
```
#e838f0
```
#e838f0 rgb(232,56,240)
```

Similar Colors

Text with hexadecimal color #ba38f0

This text has a font color of #ba38f0.

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

#ba38f0 background color

This paragraph has a background color of #ba38f0.

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

#ba38f0 border color

This element has a border color of #ba38f0.

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

CSS codes

.text {color:#ba38f0;}

.background {background-color:#ba38f0;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0e0114
```
#0e0114 rgb(14,1,20)
```
#1c0326
```
#1c0326 rgb(28,3,38)
```
#290438
```
#290438 rgb(41,4,56)
```
#36064b
```
#36064b rgb(54,6,75)
```
#44075d
```
#44075d rgb(68,7,93)
```
#51086f
```
#51086f rgb(81,8,111)
```
#5e0a81
```
#5e0a81 rgb(94,10,129)
```
#6c0b94
```
#6c0b94 rgb(108,11,148)
```
#790ca6
```
#790ca6 rgb(121,12,166)
```
#860eb8
```
#860eb8 rgb(134,14,184)
```
#930fca
```
#930fca rgb(147,15,202)
```
#a111dd
```
#a111dd rgb(161,17,221)
```

Shade Color Variation

#ad14ed
```
#ad14ed rgb(173,20,237)
```
#b426ef
```
#b426ef rgb(180,38,239)
```
#ba38f0
```
#ba38f0 rgb(186,56,240)
```
#c04af1
```
#c04af1 rgb(192,74,241)
```
#c75cf3
```
#c75cf3 rgb(199,92,243)
```
#cd6ff4
```
#cd6ff4 rgb(205,111,244)
```
#d381f5
```
#d381f5 rgb(211,129,245)
```
#da93f7
```
#da93f7 rgb(218,147,247)
```
#e0a5f8
```
#e0a5f8 rgb(224,165,248)
```
#e6b8fa
```
#e6b8fa rgb(230,184,250)
```
#edcafb
```
#edcafb rgb(237,202,251)
```
#f3dcfc
```
#f3dcfc rgb(243,220,252)
```
#f9eefe
```
#f9eefe rgb(249,238,254)
```

Tint Color Variation

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

#959395
```
#959395 rgb(149,147,149)
```
#988a9e
```
#988a9e rgb(152,138,158)
```
#9b82a6
```
#9b82a6 rgb(155,130,166)
```
#9f7aae
```
#9f7aae rgb(159,122,174)
```
#a272b6
```
#a272b6 rgb(162,114,182)
```
#a669bf
```
#a669bf rgb(166,105,191)
```
#a961c7
```
#a961c7 rgb(169,97,199)
```
#ac59cf
```
#ac59cf rgb(172,89,207)
```
#b051d7
```
#b051d7 rgb(176,81,215)
```
#b348e0
```
#b348e0 rgb(179,72,224)
```
#b740e8
```
#b740e8 rgb(183,64,232)
```
#ba38f0
```
#ba38f0 rgb(186,56,240)
```
#bd30f8
```
#bd30f8 rgb(189,48,248)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#82688d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df4 Protanopia 1% of men
#0083da Deuteranopia 1% of men
#a8727a Tritanopia 0.001% of the population

Trichromacy

#4364f2 Protanomaly 1% of men, 0.01% of women
#4367e2 Deuteranomaly 6% of men, 0.4% of women
#ae5da5 Tritanomaly 0.01% of the population

#ba38f0 hex color

#ba38f0 Color Information

#ba38f0 Color Conversion

Color Schemes with #ba38f0

Alternatives to #ba38f0

#ba38f0 Preview

Shades and Tints of #ba38f0

Tones of #ba38f0

Color Blindness Simulator