#ba226c hex color

In a RGB color space, hex #ba226c is composed of 72.9% red, 13.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 41.9% yellow and 27.1% black. It has a hue angle of 330.8 degrees, a saturation of 69.1% and a lightness of 43.1%. #ba226c color hex could be obtained by blending #ff44d8 with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 13
- B 42
RGB color chart
- C 0
- M 82
- Y 42
- K 27
CMYK color chart

● #ba226c color description : Strong pink.

The hexadecimal color #ba226c has RGB values of R:186, G:34, B:108 and CMYK values of C:0, M:0.82, Y:0.42, K:0.27. Its decimal value is 12198508.

Hex triplet	ba226c	`#ba226c`
RGB Decimal	186, 34, 108	`rgb(186,34,108)`
RGB Percent	72.9, 13.3, 42.4	`rgb(72.9%,13.3%,42.4%)`
CMYK	0, 82, 42, 27
HSL	330.8°, 69.1, 43.1	`hsl(330.8,69.1%,43.1%)`
HSV (or HSB)	330.8°, 81.7, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.259, 62.832, -3.741
XYZ	23.529, 12.668, 15.393
xyY	0.456, 0.246, 12.668
CIE-LCH	42.259, 62.943, 356.593
CIE-LUV	42.259, 90.382, -16.132
Hunter-Lab	35.593, 55.713, -0.726
Binary	10111010, 00100010, 01101100

#ba226c
```
#ba226c rgb(186,34,108)
```
#22ba70
```
#22ba70 rgb(34,186,112)
```

Complementary Color

#ba22b8
```
#ba22b8 rgb(186,34,184)
```
#ba226c
```
#ba226c rgb(186,34,108)
```
#ba2422
```
#ba2422 rgb(186,36,34)
```

Analogous Color

#22b8ba
```
#22b8ba rgb(34,184,186)
```
#ba226c
```
#ba226c rgb(186,34,108)
```
#22ba24
```
#22ba24 rgb(34,186,36)
```

Split Complementary Color

#226cba
```
#226cba rgb(34,108,186)
```
#ba226c
```
#ba226c rgb(186,34,108)
```
#6cba22
```
#6cba22 rgb(108,186,34)
```

Triadic Color

#7022ba
```
#7022ba rgb(112,34,186)
```
#ba226c
```
#ba226c rgb(186,34,108)
```
#6cba22
```
#6cba22 rgb(108,186,34)
```
#22ba70
```
#22ba70 rgb(34,186,112)
```

Tetradic Color

#791646
```
#791646 rgb(121,22,70)
```
#8f1a53
```
#8f1a53 rgb(143,26,83)
```
#a41e5f
```
#a41e5f rgb(164,30,95)
```
#ba226c
```
#ba226c rgb(186,34,108)
```
#d02679
```
#d02679 rgb(208,38,121)
```
#da3585
```
#da3585 rgb(218,53,133)
```
#de4a92
```
#de4a92 rgb(222,74,146)
```

Monochromatic Color

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

#ba2292
```
#ba2292 rgb(186,34,146)
```
#ba2285
```
#ba2285 rgb(186,34,133)
```
#ba2279
```
#ba2279 rgb(186,34,121)
```
#ba226c
```
#ba226c rgb(186,34,108)
```
#ba225f
```
#ba225f rgb(186,34,95)
```
#ba2253
```
#ba2253 rgb(186,34,83)
```
#ba2246
```
#ba2246 rgb(186,34,70)
```

Similar Colors

Text with hexadecimal color #ba226c

This text has a font color of #ba226c.

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

#ba226c background color

This paragraph has a background color of #ba226c.

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

#ba226c border color

This element has a border color of #ba226c.

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

CSS codes

.text {color:#ba226c;}

.background {background-color:#ba226c;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#14040c
```
#14040c rgb(20,4,12)
```
#250715
```
#250715 rgb(37,7,21)
```
#350a1f
```
#350a1f rgb(53,10,31)
```
#460d29
```
#460d29 rgb(70,13,41)
```
#561032
```
#561032 rgb(86,16,50)
```
#67133c
```
#67133c rgb(103,19,60)
```
#781645
```
#781645 rgb(120,22,69)
```
#88194f
```
#88194f rgb(136,25,79)
```
#991c59
```
#991c59 rgb(153,28,89)
```
#a91f62
```
#a91f62 rgb(169,31,98)
```
#ba226c
```
#ba226c rgb(186,34,108)
```
#cb2576
```
#cb2576 rgb(203,37,118)
```

Shade Color Variation

#d82b7f
```
#d82b7f rgb(216,43,127)
```
#db3c89
```
#db3c89 rgb(219,60,137)
```
#de4c93
```
#de4c93 rgb(222,76,147)
```
#e15d9d
```
#e15d9d rgb(225,93,157)
```
#e46da7
```
#e46da7 rgb(228,109,167)
```
#e77eb1
```
#e77eb1 rgb(231,126,177)
```
#ea8ebb
```
#ea8ebb rgb(234,142,187)
```
#ed9fc5
```
#ed9fc5 rgb(237,159,197)
```
#f0b0cf
```
#f0b0cf rgb(240,176,207)
```
#f4c0d9
```
#f4c0d9 rgb(244,192,217)
```
#f7d1e3
```
#f7d1e3 rgb(247,209,227)
```
#fae1ed
```
#fae1ed rgb(250,225,237)
```
#fdf2f7
```
#fdf2f7 rgb(253,242,247)
```

Tint Color Variation

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

#76666e
```
#76666e rgb(118,102,110)
```
#7f5d6e
```
#7f5d6e rgb(127,93,110)
```
#87556d
```
#87556d rgb(135,85,109)
```
#904c6d
```
#904c6d rgb(144,76,109)
```
#98446d
```
#98446d rgb(152,68,109)
```
#a13b6d
```
#a13b6d rgb(161,59,109)
```
#a9336c
```
#a9336c rgb(169,51,108)
```
#b22a6c
```
#b22a6c rgb(178,42,108)
```
#ba226c
```
#ba226c rgb(186,34,108)
```
#c21a6c
```
#c21a6c rgb(194,26,108)
```
#cb116c
```
#cb116c rgb(203,17,108)
```
#d3096b
```
#d3096b rgb(211,9,107)
```
#dc006b
```
#dc006b rgb(220,0,107)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6c4d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6a93 Protanopia 1% of men
#766868 Deuteranopia 1% of men
#ba3d40 Tritanopia 0.001% of the population

Trichromacy

#7f5085 Protanomaly 1% of men, 0.01% of women
#8f4e6a Deuteranomaly 6% of men, 0.4% of women
#ba3350 Tritanomaly 0.01% of the population

#ba226c hex color

#ba226c Color Information

#ba226c Color Conversion

Color Schemes with #ba226c

Alternatives to #ba226c

#ba226c Preview

Shades and Tints of #ba226c

Tones of #ba226c

Color Blindness Simulator