#ba3180 hex color

In a RGB color space, hex #ba3180 is composed of 72.9% red, 19.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.7% magenta, 31.2% yellow and 27.1% black. It has a hue angle of 325.4 degrees, a saturation of 58.3% and a lightness of 46.1%. #ba3180 color hex could be obtained by blending #ff62ff with #750001. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 19
- B 50
RGB color chart
- C 0
- M 74
- Y 31
- K 27
CMYK color chart

● #ba3180 color description : Moderate pink.

The hexadecimal color #ba3180 has RGB values of R:186, G:49, B:128 and CMYK values of C:0, M:0.74, Y:0.31, K:0.27. Its decimal value is 12202368.

Hex triplet	ba3180	`#ba3180`
RGB Decimal	186, 49, 128	`rgb(186,49,128)`
RGB Percent	72.9, 19.2, 50.2	`rgb(72.9%,19.2%,50.2%)`
CMYK	0, 74, 31, 27
HSL	325.4°, 58.3, 46.1	`hsl(325.4,58.3%,46.1%)`
HSV (or HSB)	325.4°, 73.7, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	44.514, 60.567, -12.726
XYZ	25.245, 14.197, 21.832
xyY	0.412, 0.232, 14.197
CIE-LCH	44.514, 61.889, 348.134
CIE-LUV	44.514, 77.929, -27.552
Hunter-Lab	37.678, 53.659, -7.979
Binary	10111010, 00110001, 10000000

#ba3180
```
#ba3180 rgb(186,49,128)
```
#31ba6b
```
#31ba6b rgb(49,186,107)
```

Complementary Color

#b031ba
```
#b031ba rgb(176,49,186)
```
#ba3180
```
#ba3180 rgb(186,49,128)
```
#ba313c
```
#ba313c rgb(186,49,60)
```

Analogous Color

#31bab0
```
#31bab0 rgb(49,186,176)
```
#ba3180
```
#ba3180 rgb(186,49,128)
```
#3cba31
```
#3cba31 rgb(60,186,49)
```

Split Complementary Color

#3180ba
```
#3180ba rgb(49,128,186)
```
#ba3180
```
#ba3180 rgb(186,49,128)
```
#80ba31
```
#80ba31 rgb(128,186,49)
```

Triadic Color

#6b31ba
```
#6b31ba rgb(107,49,186)
```
#ba3180
```
#ba3180 rgb(186,49,128)
```
#80ba31
```
#80ba31 rgb(128,186,49)
```
#31ba6b
```
#31ba6b rgb(49,186,107)
```

Tetradic Color

#7d2156
```
#7d2156 rgb(125,33,86)
```
#922664
```
#922664 rgb(146,38,100)
```
#a62c72
```
#a62c72 rgb(166,44,114)
```
#ba3180
```
#ba3180 rgb(186,49,128)
```
#cb3a8d
```
#cb3a8d rgb(203,58,141)
```
#d04e99
```
#d04e99 rgb(208,78,153)
```
#d662a5
```
#d662a5 rgb(214,98,165)
```

Monochromatic Color

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

#ba31a2
```
#ba31a2 rgb(186,49,162)
```
#ba3197
```
#ba3197 rgb(186,49,151)
```
#ba318b
```
#ba318b rgb(186,49,139)
```
#ba3180
```
#ba3180 rgb(186,49,128)
```
#ba3175
```
#ba3175 rgb(186,49,117)
```
#ba3169
```
#ba3169 rgb(186,49,105)
```
#ba315e
```
#ba315e rgb(186,49,94)
```

Similar Colors

Text with hexadecimal color #ba3180

This text has a font color of #ba3180.

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

#ba3180 background color

This paragraph has a background color of #ba3180.

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

#ba3180 border color

This element has a border color of #ba3180.

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

CSS codes

.text {color:#ba3180;}

.background {background-color:#ba3180;}

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

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

#0f040a
```
#0f040a rgb(15,4,10)
```
#1f0815
```
#1f0815 rgb(31,8,21)
```
#2e0c20
```
#2e0c20 rgb(46,12,32)
```
#3e102b
```
#3e102b rgb(62,16,43)
```
#4d1435
```
#4d1435 rgb(77,20,53)
```
#5d1840
```
#5d1840 rgb(93,24,64)
```
#6c1d4b
```
#6c1d4b rgb(108,29,75)
```
#7c2155
```
#7c2155 rgb(124,33,85)
```
#8b2560
```
#8b2560 rgb(139,37,96)
```
#9b296b
```
#9b296b rgb(155,41,107)
```
#aa2d75
```
#aa2d75 rgb(170,45,117)
```
#ba3180
```
#ba3180 rgb(186,49,128)
```
#ca358b
```
#ca358b rgb(202,53,139)
```

Shade Color Variation

#ce4494
```
#ce4494 rgb(206,68,148)
```
#d2549d
```
#d2549d rgb(210,84,157)
```
#d663a6
```
#d663a6 rgb(214,99,166)
```
#da73ae
```
#da73ae rgb(218,115,174)
```
#de82b7
```
#de82b7 rgb(222,130,183)
```
#e292c0
```
#e292c0 rgb(226,146,192)
```
#e6a2c9
```
#e6a2c9 rgb(230,162,201)
```
#eab1d2
```
#eab1d2 rgb(234,177,210)
```
#efc1db
```
#efc1db rgb(239,193,219)
```
#f3d0e4
```
#f3d0e4 rgb(243,208,228)
```
#f7e0ed
```
#f7e0ed rgb(247,224,237)
```
#fbeff6
```
#fbeff6 rgb(251,239,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7076
```
#7b7076 rgb(123,112,118)
```
#846778
```
#846778 rgb(132,103,120)
```
#8d5e79
```
#8d5e79 rgb(141,94,121)
```
#96557a
```
#96557a rgb(150,85,122)
```
#9f4c7c
```
#9f4c7c rgb(159,76,124)
```
#a8437d
```
#a8437d rgb(168,67,125)
```
#b13a7f
```
#b13a7f rgb(177,58,127)
```
#ba3180
```
#ba3180 rgb(186,49,128)
```
#c32881
```
#c32881 rgb(195,40,129)
```
#cc1f83
```
#cc1f83 rgb(204,31,131)
```
#d51684
```
#d51684 rgb(213,22,132)
```
#de0d86
```
#de0d86 rgb(222,13,134)
```
#e70487
```
#e70487 rgb(231,4,135)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#745969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6fa5 Protanopia 1% of men
#766e7b Deuteranopia 1% of men
#b94b50 Tritanopia 0.001% of the population

Trichromacy

#7e5897 Protanomaly 1% of men, 0.01% of women
#8e577d Deuteranomaly 6% of men, 0.4% of women
#b94261 Tritanomaly 0.01% of the population

#ba3180 hex color

#ba3180 Color Information

#ba3180 Color Conversion

Color Schemes with #ba3180

Alternatives to #ba3180

#ba3180 Preview

Shades and Tints of #ba3180

Tones of #ba3180

Color Blindness Simulator