colorhexa.com

#ba58b0 hex color

In a RGB color space, hex #ba58b0 is composed of 72.9% red, 34.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 5.4% yellow and 27.1% black. It has a hue angle of 306.1 degrees, a saturation of 41.5% and a lightness of 53.7%. #ba58b0 color hex could be obtained by blending #ffb0ff with #750061. Closest websafe color is: #cc6699.

- R 73
- G 35
- B 69
RGB color chart
- C 0
- M 53
- Y 5
- K 27
CMYK color chart

● #ba58b0 color description : Moderate magenta.

The hexadecimal color #ba58b0 has RGB values of R:186, G:88, B:176 and CMYK values of C:0, M:0.53, Y:0.05, K:0.27. Its decimal value is 12212400.

Hex triplet	ba58b0	`#ba58b0`
RGB Decimal	186, 88, 176	`rgb(186,88,176)`
RGB Percent	72.9, 34.5, 69	`rgb(72.9%,34.5%,69%)`
CMYK	0, 53, 5, 27
HSL	306.1°, 41.5, 53.7	`hsl(306.1,41.5%,53.7%)`
HSV (or HSB)	306.1°, 52.7, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	52.459, 51.209, -29.129
XYZ	31.575, 20.555, 43.376
xyY	0.331, 0.215, 20.555
CIE-LCH	52.459, 58.914, 330.367
CIE-LUV	52.459, 48.331, -50.981
Hunter-Lab	45.337, 44.976, -24.989
Binary	10111010, 01011000, 10110000

#ba58b0
```
#ba58b0 rgb(186,88,176)
```
#58ba62
```
#58ba62 rgb(88,186,98)
```

Complementary Color

#9358ba
```
#9358ba rgb(147,88,186)
```
#ba58b0
```
#ba58b0 rgb(186,88,176)
```
#ba587f
```
#ba587f rgb(186,88,127)
```

Analogous Color

#58ba93
```
#58ba93 rgb(88,186,147)
```
#ba58b0
```
#ba58b0 rgb(186,88,176)
```
#7fba58
```
#7fba58 rgb(127,186,88)
```

Split Complementary Color

#58b0ba
```
#58b0ba rgb(88,176,186)
```
#ba58b0
```
#ba58b0 rgb(186,88,176)
```
#b0ba58
```
#b0ba58 rgb(176,186,88)
```

Triadic Color

#6258ba
```
#6258ba rgb(98,88,186)
```
#ba58b0
```
#ba58b0 rgb(186,88,176)
```
#b0ba58
```
#b0ba58 rgb(176,186,88)
```
#58ba62
```
#58ba62 rgb(88,186,98)
```

Tetradic Color

#8c3a83
```
#8c3a83 rgb(140,58,131)
```
#9e4194
```
#9e4194 rgb(158,65,148)
```
#b049a5
```
#b049a5 rgb(176,73,165)
```
#ba58b0
```
#ba58b0 rgb(186,88,176)
```
#c16ab9
```
#c16ab9 rgb(193,106,185)
```
#c97cc1
```
#c97cc1 rgb(201,124,193)
```
#d08eca
```
#d08eca rgb(208,142,202)
```

Monochromatic Color

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

#ac58ba
```
#ac58ba rgb(172,88,186)
```
#b458ba
```
#b458ba rgb(180,88,186)
```
#ba58b8
```
#ba58b8 rgb(186,88,184)
```
#ba58b0
```
#ba58b0 rgb(186,88,176)
```
#ba58a8
```
#ba58a8 rgb(186,88,168)
```
#ba58a0
```
#ba58a0 rgb(186,88,160)
```
#ba5898
```
#ba5898 rgb(186,88,152)
```

Similar Colors

Text with hexadecimal color #ba58b0

This text has a font color of #ba58b0.

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

#ba58b0 background color

This paragraph has a background color of #ba58b0.

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

#ba58b0 border color

This element has a border color of #ba58b0.

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

CSS codes

.text {color:#ba58b0;}

.background {background-color:#ba58b0;}

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

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

#0d060d
```
#0d060d rgb(13,6,13)
```
#1b0b1a
```
#1b0b1a rgb(27,11,26)
```
#291127
```
#291127 rgb(41,17,39)
```
#371734
```
#371734 rgb(55,23,52)
```
#451c41
```
#451c41 rgb(69,28,65)
```
#53224e
```
#53224e rgb(83,34,78)
```
#61285b
```
#61285b rgb(97,40,91)
```
#6f2e68
```
#6f2e68 rgb(111,46,104)
```
#7c3375
```
#7c3375 rgb(124,51,117)
```
#8a3982
```
#8a3982 rgb(138,57,130)
```
#983f8f
```
#983f8f rgb(152,63,143)
```
#a6459c
```
#a6459c rgb(166,69,156)
```
#b44aa9
```
#b44aa9 rgb(180,74,169)
```

Shade Color Variation

#ba58b0
```
#ba58b0 rgb(186,88,176)
```
#c066b7
```
#c066b7 rgb(192,102,183)
```
#c574bd
```
#c574bd rgb(197,116,189)
```
#cb82c4
```
#cb82c4 rgb(203,130,196)
```
#d190ca
```
#d190ca rgb(209,144,202)
```
#d79dd1
```
#d79dd1 rgb(215,157,209)
```
#dcabd7
```
#dcabd7 rgb(220,171,215)
```
#e2b9de
```
#e2b9de rgb(226,185,222)
```
#e8c7e5
```
#e8c7e5 rgb(232,199,229)
```
#eed5eb
```
#eed5eb rgb(238,213,235)
```
#f3e3f2
```
#f3e3f2 rgb(243,227,242)
```
#f9f1f8
```
#f9f1f8 rgb(249,241,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8d858c
```
#8d858c rgb(141,133,140)
```
#967c93
```
#967c93 rgb(150,124,147)
```
#9f739a
```
#9f739a rgb(159,115,154)
```
#a86aa2
```
#a86aa2 rgb(168,106,162)
```
#b161a9
```
#b161a9 rgb(177,97,169)
```
#ba58b0
```
#ba58b0 rgb(186,88,176)
```
#c34fb7
```
#c34fb7 rgb(195,79,183)
```
#cc46be
```
#cc46be rgb(204,70,190)
```
#d53dc6
```
#d53dc6 rgb(213,61,198)
```
#de34cd
```
#de34cd rgb(222,52,205)
```
#e72bd4
```
#e72bd4 rgb(231,43,212)
```
#f022db
```
#f022db rgb(240,34,219)
```
#fa18e3
```
#fa18e3 rgb(250,24,227)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8b7789 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6481cb Protanopia 1% of men
#7982aa Deuteranopia 1% of men
#b57077 Tritanopia 0.001% of the population

Trichromacy

#8372c1 Protanomaly 1% of men, 0.01% of women
#9072ac Deuteranomaly 6% of men, 0.4% of women
#b7678c Tritanomaly 0.01% of the population