#ba74f5 hex color

In a RGB color space, hex #ba74f5 is composed of 72.9% red, 45.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 52.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 272.6 degrees, a saturation of 86.6% and a lightness of 70.8%. #ba74f5 color hex could be obtained by blending #ffe8ff with #7500eb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 45
- B 96
RGB color chart
- C 24
- M 53
- Y 0
- K 4
CMYK color chart

● #ba74f5 color description : Soft violet.

The hexadecimal color #ba74f5 has RGB values of R:186, G:116, B:245 and CMYK values of C:0.24, M:0.53, Y:0, K:0.04. Its decimal value is 12219637.

Hex triplet	ba74f5	`#ba74f5`
RGB Decimal	186, 116, 245	`rgb(186,116,245)`
RGB Percent	72.9, 45.5, 96.1	`rgb(72.9%,45.5%,96.1%)`
CMYK	24, 53, 0, 4
HSL	272.6°, 86.6, 70.8	`hsl(272.6,86.6%,70.8%)`
HSV (or HSB)	272.6°, 52.7, 96.1
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	61.241, 50.826, -54.396
XYZ	42.974, 29.523, 89.816
xyY	0.265, 0.182, 29.523
CIE-LCH	61.241, 74.446, 313.057
CIE-LUV	61.241, 23.69, -92.773
Hunter-Lab	54.335, 46.09, -59.971
Binary	10111010, 01110100, 11110101

#ba74f5
```
#ba74f5 rgb(186,116,245)
```
#aff574
```
#aff574 rgb(175,245,116)
```

Complementary Color

#7a74f5
```
#7a74f5 rgb(122,116,245)
```
#ba74f5
```
#ba74f5 rgb(186,116,245)
```
#f574f0
```
#f574f0 rgb(245,116,240)
```

Analogous Color

#74f57a
```
#74f57a rgb(116,245,122)
```
#ba74f5
```
#ba74f5 rgb(186,116,245)
```
#f0f574
```
#f0f574 rgb(240,245,116)
```

Split Complementary Color

#74f5ba
```
#74f5ba rgb(116,245,186)
```
#ba74f5
```
#ba74f5 rgb(186,116,245)
```
#f5ba74
```
#f5ba74 rgb(245,186,116)
```

Triadic Color

#74aff5
```
#74aff5 rgb(116,175,245)
```
#ba74f5
```
#ba74f5 rgb(186,116,245)
```
#f5ba74
```
#f5ba74 rgb(245,186,116)
```
#aff574
```
#aff574 rgb(175,245,116)
```

Tetradic Color

#972df0
```
#972df0 rgb(151,45,240)
```
#a244f2
```
#a244f2 rgb(162,68,242)
```
#ae5cf3
```
#ae5cf3 rgb(174,92,243)
```
#ba74f5
```
#ba74f5 rgb(186,116,245)
```
#c68cf7
```
#c68cf7 rgb(198,140,247)
```
#d2a4f8
```
#d2a4f8 rgb(210,164,248)
```
#ddbbfa
```
#ddbbfa rgb(221,187,250)
```

Monochromatic Color

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

#9a74f5
```
#9a74f5 rgb(154,116,245)
```
#a574f5
```
#a574f5 rgb(165,116,245)
```
#af74f5
```
#af74f5 rgb(175,116,245)
```
#ba74f5
```
#ba74f5 rgb(186,116,245)
```
#c574f5
```
#c574f5 rgb(197,116,245)
```
#d074f5
```
#d074f5 rgb(208,116,245)
```
#da74f5
```
#da74f5 rgb(218,116,245)
```

Similar Colors

Text with hexadecimal color #ba74f5

This text has a font color of #ba74f5.

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

#ba74f5 background color

This paragraph has a background color of #ba74f5.

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

#ba74f5 border color

This element has a border color of #ba74f5.

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

CSS codes

.text {color:#ba74f5;}

.background {background-color:#ba74f5;}

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0f021a
```
#0f021a rgb(15,2,26)
```
#19032c
```
#19032c rgb(25,3,44)
```
#24043e
```
#24043e rgb(36,4,62)
```
#2e0651
```
#2e0651 rgb(46,6,81)
```
#390763
```
#390763 rgb(57,7,99)
```
#430875
```
#430875 rgb(67,8,117)
```
#4e0a87
```
#4e0a87 rgb(78,10,135)
```
#590b9a
```
#590b9a rgb(89,11,154)
```
#630cac
```
#630cac rgb(99,12,172)
```
#6e0ebe
```
#6e0ebe rgb(110,14,190)
```
#780fd1
```
#780fd1 rgb(120,15,209)
```
#8310e3
```
#8310e3 rgb(131,16,227)
```

Shade Color Variation

#8d19ee
```
#8d19ee rgb(141,25,238)
```
#962bf0
```
#962bf0 rgb(150,43,240)
```
#9f3df1
```
#9f3df1 rgb(159,61,241)
```
#a84ff2
```
#a84ff2 rgb(168,79,242)
```
#b162f4
```
#b162f4 rgb(177,98,244)
```
#ba74f5
```
#ba74f5 rgb(186,116,245)
```
#c386f6
```
#c386f6 rgb(195,134,246)
```
#cc99f8
```
#cc99f8 rgb(204,153,248)
```
#d5abf9
```
#d5abf9 rgb(213,171,249)
```
#debdfa
```
#debdfa rgb(222,189,250)
```
#e7cffc
```
#e7cffc rgb(231,207,252)
```
#f1e2fd
```
#f1e2fd rgb(241,226,253)
```
#faf4fe
```
#faf4fe rgb(250,244,254)
```

Tint Color Variation

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

#b5b3b6
```
#b5b3b6 rgb(181,179,182)
```
#b5adbc
```
#b5adbc rgb(181,173,188)
```
#b6a8c1
```
#b6a8c1 rgb(182,168,193)
```
#b6a2c7
```
#b6a2c7 rgb(182,162,199)
```
#b79ccd
```
#b79ccd rgb(183,156,205)
```
#b796d3
```
#b796d3 rgb(183,150,211)
```
#b891d8
```
#b891d8 rgb(184,145,216)
```
#b88bde
```
#b88bde rgb(184,139,222)
```
#b985e4
```
#b985e4 rgb(185,133,228)
```
#b97fea
```
#b97fea rgb(185,127,234)
```
#ba7aef
```
#ba7aef rgb(186,122,239)
```
#ba74f5
```
#ba74f5 rgb(186,116,245)
```
#ba6efb
```
#ba6efb rgb(186,110,251)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9f91ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#6496ff Protanopia 1% of men
#6599ea Deuteranopia 1% of men
#ab929d Tritanopia 0.001% of the population

Trichromacy

#8389fb Protanomaly 1% of men, 0.01% of women
#848cee Deuteranomaly 6% of men, 0.4% of women
#b087bd Tritanomaly 0.01% of the population

#ba74f5 hex color

#ba74f5 Color Information

#ba74f5 Color Conversion

Color Schemes with #ba74f5

Alternatives to #ba74f5

#ba74f5 Preview

Shades and Tints of #ba74f5

Tones of #ba74f5

Color Blindness Simulator