#ba2d76 hex color

In a RGB color space, hex #ba2d76 is composed of 72.9% red, 17.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.8% magenta, 36.6% yellow and 27.1% black. It has a hue angle of 328.9 degrees, a saturation of 61% and a lightness of 45.3%. #ba2d76 color hex could be obtained by blending #ff5aec with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 18
- B 46
RGB color chart
- C 0
- M 76
- Y 37
- K 27
CMYK color chart

● #ba2d76 color description : Strong pink.

The hexadecimal color #ba2d76 has RGB values of R:186, G:45, B:118 and CMYK values of C:0, M:0.76, Y:0.37, K:0.27. Its decimal value is 12201334.

Hex triplet	ba2d76	`#ba2d76`
RGB Decimal	186, 45, 118	`rgb(186,45,118)`
RGB Percent	72.9, 17.6, 46.3	`rgb(72.9%,17.6%,46.3%)`
CMYK	0, 76, 37, 27
HSL	328.9°, 61, 45.3	`hsl(328.9,61%,45.3%)`
HSV (or HSB)	328.9°, 75.8, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.692, 60.736, -7.817
XYZ	24.459, 13.626, 18.481
xyY	0.432, 0.241, 13.626
CIE-LCH	43.692, 61.237, 352.666
CIE-LUV	43.692, 83.092, -20.996
Hunter-Lab	36.914, 53.673, -3.844
Binary	10111010, 00101101, 01110110

#ba2d76
```
#ba2d76 rgb(186,45,118)
```
#2dba71
```
#2dba71 rgb(45,186,113)
```

Complementary Color

#b82dba
```
#b82dba rgb(184,45,186)
```
#ba2d76
```
#ba2d76 rgb(186,45,118)
```
#ba2d30
```
#ba2d30 rgb(186,45,48)
```

Analogous Color

#2dbab8
```
#2dbab8 rgb(45,186,184)
```
#ba2d76
```
#ba2d76 rgb(186,45,118)
```
#30ba2d
```
#30ba2d rgb(48,186,45)
```

Split Complementary Color

#2d76ba
```
#2d76ba rgb(45,118,186)
```
#ba2d76
```
#ba2d76 rgb(186,45,118)
```
#76ba2d
```
#76ba2d rgb(118,186,45)
```

Triadic Color

#712dba
```
#712dba rgb(113,45,186)
```
#ba2d76
```
#ba2d76 rgb(186,45,118)
```
#76ba2d
```
#76ba2d rgb(118,186,45)
```
#2dba71
```
#2dba71 rgb(45,186,113)
```

Tetradic Color

#7c1e4f
```
#7c1e4f rgb(124,30,79)
```
#91235c
```
#91235c rgb(145,35,92)
```
#a52869
```
#a52869 rgb(165,40,105)
```
#ba2d76
```
#ba2d76 rgb(186,45,118)
```
#ce3383
```
#ce3383 rgb(206,51,131)
```
#d3478f
```
#d3478f rgb(211,71,143)
```
#d85c9c
```
#d85c9c rgb(216,92,156)
```

Monochromatic Color

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

#ba2d99
```
#ba2d99 rgb(186,45,153)
```
#ba2d8e
```
#ba2d8e rgb(186,45,142)
```
#ba2d82
```
#ba2d82 rgb(186,45,130)
```
#ba2d76
```
#ba2d76 rgb(186,45,118)
```
#ba2d6a
```
#ba2d6a rgb(186,45,106)
```
#ba2d5f
```
#ba2d5f rgb(186,45,95)
```
#ba2d53
```
#ba2d53 rgb(186,45,83)
```

Similar Colors

Text with hexadecimal color #ba2d76

This text has a font color of #ba2d76.

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

#ba2d76 background color

This paragraph has a background color of #ba2d76.

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

#ba2d76 border color

This element has a border color of #ba2d76.

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

CSS codes

.text {color:#ba2d76;}

.background {background-color:#ba2d76;}

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

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

#0c0308
```
#0c0308 rgb(12,3,8)
```
#1c0712
```
#1c0712 rgb(28,7,18)
```
#2c0b1c
```
#2c0b1c rgb(44,11,28)
```
#3c0e26
```
#3c0e26 rgb(60,14,38)
```
#4b1230
```
#4b1230 rgb(75,18,48)
```
#5b163a
```
#5b163a rgb(91,22,58)
```
#6b1a44
```
#6b1a44 rgb(107,26,68)
```
#7b1e4e
```
#7b1e4e rgb(123,30,78)
```
#8b2258
```
#8b2258 rgb(139,34,88)
```
#9a2562
```
#9a2562 rgb(154,37,98)
```
#aa296c
```
#aa296c rgb(170,41,108)
```
#ba2d76
```
#ba2d76 rgb(186,45,118)
```
#ca3180
```
#ca3180 rgb(202,49,128)
```

Shade Color Variation

#d03e8a
```
#d03e8a rgb(208,62,138)
```
#d44e93
```
#d44e93 rgb(212,78,147)
```
#d85e9d
```
#d85e9d rgb(216,94,157)
```
#dc6da6
```
#dc6da6 rgb(220,109,166)
```
#e07db0
```
#e07db0 rgb(224,125,176)
```
#e38dba
```
#e38dba rgb(227,141,186)
```
#e79dc3
```
#e79dc3 rgb(231,157,195)
```
#ebaccd
```
#ebaccd rgb(235,172,205)
```
#efbcd6
```
#efbcd6 rgb(239,188,214)
```
#f3cce0
```
#f3cce0 rgb(243,204,224)
```
#f7dcea
```
#f7dcea rgb(247,220,234)
```
#faecf3
```
#faecf3 rgb(250,236,243)
```
#fefbfd
```
#fefbfd rgb(254,251,253)
```

Tint Color Variation

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

#7c6b74
```
#7c6b74 rgb(124,107,116)
```
#856274
```
#856274 rgb(133,98,116)
```
#8e5974
```
#8e5974 rgb(142,89,116)
```
#965175
```
#965175 rgb(150,81,117)
```
#9f4875
```
#9f4875 rgb(159,72,117)
```
#a83f75
```
#a83f75 rgb(168,63,117)
```
#b13676
```
#b13676 rgb(177,54,118)
```
#ba2d76
```
#ba2d76 rgb(186,45,118)
```
#c32476
```
#c32476 rgb(195,36,118)
```
#cc1b77
```
#cc1b77 rgb(204,27,119)
```
#d51277
```
#d51277 rgb(213,18,119)
```
#de0977
```
#de0977 rgb(222,9,119)
```
#e60178
```
#e60178 rgb(230,1,120)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#715564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6d9b Protanopia 1% of men
#776c72 Deuteranopia 1% of men
#b9464a Tritanopia 0.001% of the population

Trichromacy

#80568d Protanomaly 1% of men, 0.01% of women
#8f5573 Deuteranomaly 6% of men, 0.4% of women
#b93d5a Tritanomaly 0.01% of the population

#ba2d76 hex color

#ba2d76 Color Information

#ba2d76 Color Conversion

Color Schemes with #ba2d76

Alternatives to #ba2d76

#ba2d76 Preview

Shades and Tints of #ba2d76

Tones of #ba2d76

Color Blindness Simulator