#ba2d5d hex color

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

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

● #ba2d5d color description : Strong pink.

The hexadecimal color #ba2d5d has RGB values of R:186, G:45, B:93 and CMYK values of C:0, M:0.76, Y:0.5, K:0.27. Its decimal value is 12201309.

Hex triplet	ba2d5d	`#ba2d5d`
RGB Decimal	186, 45, 93	`rgb(186,45,93)`
RGB Percent	72.9, 17.6, 36.5	`rgb(72.9%,17.6%,36.5%)`
CMYK	0, 76, 50, 27
HSL	339.6°, 61, 45.3	`hsl(339.6,61%,45.3%)`
HSV (or HSB)	339.6°, 75.8, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.927, 58.326, 6.607
XYZ	23.165, 13.109, 11.666
xyY	0.483, 0.273, 13.109
CIE-LCH	42.927, 58.699, 6.463
CIE-LUV	42.927, 92.537, -2.957
Hunter-Lab	36.206, 50.844, 6.241
Binary	10111010, 00101101, 01011101

#ba2d5d
```
#ba2d5d rgb(186,45,93)
```
#2dba8a
```
#2dba8a rgb(45,186,138)
```

Complementary Color

#ba2da4
```
#ba2da4 rgb(186,45,164)
```
#ba2d5d
```
#ba2d5d rgb(186,45,93)
```
#ba432d
```
#ba432d rgb(186,67,45)
```

Analogous Color

#2da4ba
```
#2da4ba rgb(45,164,186)
```
#ba2d5d
```
#ba2d5d rgb(186,45,93)
```
#2dba43
```
#2dba43 rgb(45,186,67)
```

Split Complementary Color

#2d5dba
```
#2d5dba rgb(45,93,186)
```
#ba2d5d
```
#ba2d5d rgb(186,45,93)
```
#5dba2d
```
#5dba2d rgb(93,186,45)
```

Triadic Color

#8a2dba
```
#8a2dba rgb(138,45,186)
```
#ba2d5d
```
#ba2d5d rgb(186,45,93)
```
#5dba2d
```
#5dba2d rgb(93,186,45)
```
#2dba8a
```
#2dba8a rgb(45,186,138)
```

Tetradic Color

#7c1e3e
```
#7c1e3e rgb(124,30,62)
```
#912348
```
#912348 rgb(145,35,72)
```
#a52853
```
#a52853 rgb(165,40,83)
```
#ba2d5d
```
#ba2d5d rgb(186,45,93)
```
#ce3368
```
#ce3368 rgb(206,51,104)
```
#d34777
```
#d34777 rgb(211,71,119)
```
#d85c86
```
#d85c86 rgb(216,92,134)
```

Monochromatic Color

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

#ba2d80
```
#ba2d80 rgb(186,45,128)
```
#ba2d75
```
#ba2d75 rgb(186,45,117)
```
#ba2d69
```
#ba2d69 rgb(186,45,105)
```
#ba2d5d
```
#ba2d5d rgb(186,45,93)
```
#ba2d51
```
#ba2d51 rgb(186,45,81)
```
#ba2d46
```
#ba2d46 rgb(186,45,70)
```
#ba2d3a
```
#ba2d3a rgb(186,45,58)
```

Similar Colors

Text with hexadecimal color #ba2d5d

This text has a font color of #ba2d5d.

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

#ba2d5d background color

This paragraph has a background color of #ba2d5d.

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

#ba2d5d border color

This element has a border color of #ba2d5d.

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

CSS codes

.text {color:#ba2d5d;}

.background {background-color:#ba2d5d;}

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

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

#0c0306
```
#0c0306 rgb(12,3,6)
```
#1c070e
```
#1c070e rgb(28,7,14)
```
#2c0b16
```
#2c0b16 rgb(44,11,22)
```
#3c0e1e
```
#3c0e1e rgb(60,14,30)
```
#4b1226
```
#4b1226 rgb(75,18,38)
```
#5b162e
```
#5b162e rgb(91,22,46)
```
#6b1a36
```
#6b1a36 rgb(107,26,54)
```
#7b1e3d
```
#7b1e3d rgb(123,30,61)
```
#8b2245
```
#8b2245 rgb(139,34,69)
```
#9a254d
```
#9a254d rgb(154,37,77)
```
#aa2955
```
#aa2955 rgb(170,41,85)
```
#ba2d5d
```
#ba2d5d rgb(186,45,93)
```
#ca3165
```
#ca3165 rgb(202,49,101)
```

Shade Color Variation

#d03e70
```
#d03e70 rgb(208,62,112)
```
#d44e7b
```
#d44e7b rgb(212,78,123)
```
#d85e87
```
#d85e87 rgb(216,94,135)
```
#dc6d93
```
#dc6d93 rgb(220,109,147)
```
#e07d9f
```
#e07d9f rgb(224,125,159)
```
#e38daa
```
#e38daa rgb(227,141,170)
```
#e79db6
```
#e79db6 rgb(231,157,182)
```
#ebacc2
```
#ebacc2 rgb(235,172,194)
```
#efbcce
```
#efbcce rgb(239,188,206)
```
#f3ccd9
```
#f3ccd9 rgb(243,204,217)
```
#f7dce5
```
#f7dce5 rgb(247,220,229)
```
#faecf1
```
#faecf1 rgb(250,236,241)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#7c6b71
```
#7c6b71 rgb(124,107,113)
```
#85626e
```
#85626e rgb(133,98,110)
```
#8e596b
```
#8e596b rgb(142,89,107)
```
#965168
```
#965168 rgb(150,81,104)
```
#9f4866
```
#9f4866 rgb(159,72,102)
```
#a83f63
```
#a83f63 rgb(168,63,99)
```
#b13660
```
#b13660 rgb(177,54,96)
```
#ba2d5d
```
#ba2d5d rgb(186,45,93)
```
#c3245a
```
#c3245a rgb(195,36,90)
```
#cc1b57
```
#cc1b57 rgb(204,27,87)
```
#d51254
```
#d51254 rgb(213,18,84)
```
#de0952
```
#de0952 rgb(222,9,82)
```
#e6014f
```
#e6014f rgb(230,1,79)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#70535d Atypical Achromatopsia 0.001% of the population

Dichromacy

#696c7e Protanopia 1% of men
#7d695c Deuteranopia 1% of men
#bb4043 Tritanopia 0.001% of the population

Trichromacy

#865572 Protanomaly 1% of men, 0.01% of women
#93535c Deuteranomaly 6% of men, 0.4% of women
#bb394c Tritanomaly 0.01% of the population

#ba2d5d hex color

#ba2d5d Color Information

#ba2d5d Color Conversion

Color Schemes with #ba2d5d

Alternatives to #ba2d5d

#ba2d5d Preview

Shades and Tints of #ba2d5d

Tones of #ba2d5d

Color Blindness Simulator