colorhexa.com

#ba0de4 hex color

In a RGB color space, hex #ba0de4 is composed of 72.9% red, 5.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 94.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 288.3 degrees, a saturation of 89.2% and a lightness of 47.3%. #ba0de4 color hex could be obtained by blending #ff1aff with #7500c9. Closest websafe color is: #cc00cc.

- R 73
- G 5
- B 89
RGB color chart
- C 18
- M 94
- Y 0
- K 11
CMYK color chart

● #ba0de4 color description : Vivid magenta.

The hexadecimal color #ba0de4 has RGB values of R:186, G:13, B:228 and CMYK values of C:0.18, M:0.94, Y:0, K:0.11. Its decimal value is 12193252.

Hex triplet	ba0de4	`#ba0de4`
RGB Decimal	186, 13, 228	`rgb(186,13,228)`
RGB Percent	72.9, 5.1, 89.4	`rgb(72.9%,5.1%,89.4%)`
CMYK	18, 94, 0, 11
HSL	288.3°, 89.2, 47.3	`hsl(288.3,89.2%,47.3%)`
HSV (or HSB)	288.3°, 94.3, 89.4
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.404, 83.012, -67.103
XYZ	34.396, 16.33, 74.735
xyY	0.274, 0.13, 16.33
CIE-LCH	47.404, 106.742, 321.05
CIE-LUV	47.404, 46.457, -108.75
Hunter-Lab	40.41, 81.213, -81.363
Binary	10111010, 00001101, 11100100

#ba0de4
```
#ba0de4 rgb(186,13,228)
```
#37e40d
```
#37e40d rgb(55,228,13)
```

Complementary Color

#4f0de4
```
#4f0de4 rgb(79,13,228)
```
#ba0de4
```
#ba0de4 rgb(186,13,228)
```
#e40da3
```
#e40da3 rgb(228,13,163)
```

Analogous Color

#0de44f
```
#0de44f rgb(13,228,79)
```
#ba0de4
```
#ba0de4 rgb(186,13,228)
```
#a3e40d
```
#a3e40d rgb(163,228,13)
```

Split Complementary Color

#0de4ba
```
#0de4ba rgb(13,228,186)
```
#ba0de4
```
#ba0de4 rgb(186,13,228)
```
#e4ba0d
```
#e4ba0d rgb(228,186,13)
```

Triadic Color

#0d37e4
```
#0d37e4 rgb(13,55,228)
```
#ba0de4
```
#ba0de4 rgb(186,13,228)
```
#e4ba0d
```
#e4ba0d rgb(228,186,13)
```
#37e40d
```
#37e40d rgb(55,228,13)
```

Tetradic Color

#7f099c
```
#7f099c rgb(127,9,156)
```
#930ab4
```
#930ab4 rgb(147,10,180)
```
#a60ccc
```
#a60ccc rgb(166,12,204)
```
#ba0de4
```
#ba0de4 rgb(186,13,228)
```
#c719f2
```
#c719f2 rgb(199,25,242)
```
#cd31f3
```
#cd31f3 rgb(205,49,243)
```
#d349f5
```
#d349f5 rgb(211,73,245)
```

Monochromatic Color

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

#840de4
```
#840de4 rgb(132,13,228)
```
#960de4
```
#960de4 rgb(150,13,228)
```
#a80de4
```
#a80de4 rgb(168,13,228)
```
#ba0de4
```
#ba0de4 rgb(186,13,228)
```
#cc0de4
```
#cc0de4 rgb(204,13,228)
```
#de0de4
```
#de0de4 rgb(222,13,228)
```
#e40dd8
```
#e40dd8 rgb(228,13,216)
```

Similar Colors

Text with hexadecimal color #ba0de4

This text has a font color of #ba0de4.

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

#ba0de4 background color

This paragraph has a background color of #ba0de4.

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

#ba0de4 border color

This element has a border color of #ba0de4.

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

CSS codes

.text {color:#ba0de4;}

.background {background-color:#ba0de4;}

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

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

#040005
```
#040005 rgb(4,0,5)
```
#130118
```
#130118 rgb(19,1,24)
```
#23022a
```
#23022a rgb(35,2,42)
```
#32033d
```
#32033d rgb(50,3,61)
```
#410550
```
#410550 rgb(65,5,80)
```
#500662
```
#500662 rgb(80,6,98)
```
#5f0775
```
#5f0775 rgb(95,7,117)
```
#6e0887
```
#6e0887 rgb(110,8,135)
```
#7d099a
```
#7d099a rgb(125,9,154)
```
#8d0aac
```
#8d0aac rgb(141,10,172)
```
#9c0bbf
```
#9c0bbf rgb(156,11,191)
```
#ab0cd1
```
#ab0cd1 rgb(171,12,209)
```
#ba0de4
```
#ba0de4 rgb(186,13,228)
```

Shade Color Variation

#c613f2
```
#c613f2 rgb(198,19,242)
```
#cb26f3
```
#cb26f3 rgb(203,38,243)
```
#cf38f4
```
#cf38f4 rgb(207,56,244)
```
#d44bf5
```
#d44bf5 rgb(212,75,245)
```
#d85df6
```
#d85df6 rgb(216,93,246)
```
#dc70f7
```
#dc70f7 rgb(220,112,247)
```
#e182f8
```
#e182f8 rgb(225,130,248)
```
#e595f9
```
#e595f9 rgb(229,149,249)
```
#eaa8fa
```
#eaa8fa rgb(234,168,250)
```
#eebafb
```
#eebafb rgb(238,186,251)
```
#f3cdfc
```
#f3cdfc rgb(243,205,252)
```
#f7dffd
```
#f7dffd rgb(247,223,253)
```
#fcf2fe
```
#fcf2fe rgb(252,242,254)
```

Tint Color Variation

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

#7c737e
```
#7c737e rgb(124,115,126)
```
#826a87
```
#826a87 rgb(130,106,135)
```
#876091
```
#876091 rgb(135,96,145)
```
#8d579a
```
#8d579a rgb(141,87,154)
```
#924ea3
```
#924ea3 rgb(146,78,163)
```
#9845ac
```
#9845ac rgb(152,69,172)
```
#9e3bb6
```
#9e3bb6 rgb(158,59,182)
```
#a332bf
```
#a332bf rgb(163,50,191)
```
#a929c8
```
#a929c8 rgb(169,41,200)
```
#af20d1
```
#af20d1 rgb(175,32,209)
```
#b416db
```
#b416db rgb(180,22,219)
```
#ba0de4
```
#ba0de4 rgb(186,13,228)
```
#c004ed
```
#c004ed rgb(192,4,237)
```

Tone Color Variation

Below, you can see how #ba0de4 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
#6c4a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#0079ca Deuteranopia 1% of men
#a96369 Tritanopia 0.001% of the population

Trichromacy

#434ee3 Protanomaly 1% of men, 0.01% of women
#4352d3 Deuteranomaly 6% of men, 0.4% of women
#af4396 Tritanomaly 0.01% of the population