#bd228a hex color

In a RGB color space, hex #bd228a is composed of 74.1% red, 13.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 27% yellow and 25.9% black. It has a hue angle of 319.7 degrees, a saturation of 69.5% and a lightness of 43.7%. #bd228a color hex could be obtained by blending #ff44ff with #7b0015. Closest websafe color is: #cc3399.

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

● #bd228a color description : Strong pink.

The hexadecimal color #bd228a has RGB values of R:189, G:34, B:138 and CMYK values of C:0, M:0.82, Y:0.27, K:0.26. Its decimal value is 12395146.

Hex triplet	bd228a	`#bd228a`
RGB Decimal	189, 34, 138	`rgb(189,34,138)`
RGB Percent	74.1, 13.3, 54.1	`rgb(74.1%,13.3%,54.1%)`
CMYK	0, 82, 27, 26
HSL	319.7°, 69.5, 43.7	`hsl(319.7,69.5%,43.7%)`
HSV (or HSB)	319.7°, 82, 74.1
Web Safe	cc3399	`#cc3399`

CIE-LAB	43.945, 66.797, -19.651
XYZ	26.146, 13.8, 25.33
xyY	0.401, 0.211, 13.8
CIE-LCH	43.945, 69.628, 343.606
CIE-LUV	43.945, 80.246, -38.03
Hunter-Lab	37.149, 60.622, -14.423
Binary	10111101, 00100010, 10001010

#bd228a
```
#bd228a rgb(189,34,138)
```
#22bd55
```
#22bd55 rgb(34,189,85)
```

Complementary Color

#a322bd
```
#a322bd rgb(163,34,189)
```
#bd228a
```
#bd228a rgb(189,34,138)
```
#bd223d
```
#bd223d rgb(189,34,61)
```

Analogous Color

#22bda3
```
#22bda3 rgb(34,189,163)
```
#bd228a
```
#bd228a rgb(189,34,138)
```
#3dbd22
```
#3dbd22 rgb(61,189,34)
```

Split Complementary Color

#228abd
```
#228abd rgb(34,138,189)
```
#bd228a
```
#bd228a rgb(189,34,138)
```
#8abd22
```
#8abd22 rgb(138,189,34)
```

Triadic Color

#5522bd
```
#5522bd rgb(85,34,189)
```
#bd228a
```
#bd228a rgb(189,34,138)
```
#8abd22
```
#8abd22 rgb(138,189,34)
```
#22bd55
```
#22bd55 rgb(34,189,85)
```

Tetradic Color

#7c165b
```
#7c165b rgb(124,22,91)
```
#921a6a
```
#921a6a rgb(146,26,106)
```
#a71e7a
```
#a71e7a rgb(167,30,122)
```
#bd228a
```
#bd228a rgb(189,34,138)
```
#d3269a
```
#d3269a rgb(211,38,154)
```
#db37a5
```
#db37a5 rgb(219,55,165)
```
#df4daf
```
#df4daf rgb(223,77,175)
```

Monochromatic Color

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

#bd22b1
```
#bd22b1 rgb(189,34,177)
```
#bd22a4
```
#bd22a4 rgb(189,34,164)
```
#bd2297
```
#bd2297 rgb(189,34,151)
```
#bd228a
```
#bd228a rgb(189,34,138)
```
#bd227d
```
#bd227d rgb(189,34,125)
```
#bd2270
```
#bd2270 rgb(189,34,112)
```
#bd2263
```
#bd2263 rgb(189,34,99)
```

Similar Colors

Text with hexadecimal color #bd228a

This text has a font color of #bd228a.

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

#bd228a background color

This paragraph has a background color of #bd228a.

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

#bd228a border color

This element has a border color of #bd228a.

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

CSS codes

.text {color:#bd228a;}

.background {background-color:#bd228a;}

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

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

#060104
```
#060104 rgb(6,1,4)
```
#170411
```
#170411 rgb(23,4,17)
```
#27071d
```
#27071d rgb(39,7,29)
```
#380a29
```
#380a29 rgb(56,10,41)
```
#490d35
```
#490d35 rgb(73,13,53)
```
#591041
```
#591041 rgb(89,16,65)
```
#6a134d
```
#6a134d rgb(106,19,77)
```
#7b1659
```
#7b1659 rgb(123,22,89)
```
#8b1966
```
#8b1966 rgb(139,25,102)
```
#9c1c72
```
#9c1c72 rgb(156,28,114)
```
#ac1f7e
```
#ac1f7e rgb(172,31,126)
```
#bd228a
```
#bd228a rgb(189,34,138)
```
#ce2596
```
#ce2596 rgb(206,37,150)
```

Shade Color Variation

#d92da1
```
#d92da1 rgb(217,45,161)
```
#dc3ea8
```
#dc3ea8 rgb(220,62,168)
```
#df4eb0
```
#df4eb0 rgb(223,78,176)
```
#e25fb7
```
#e25fb7 rgb(226,95,183)
```
#e570be
```
#e570be rgb(229,112,190)
```
#e880c6
```
#e880c6 rgb(232,128,198)
```
#eb91cd
```
#eb91cd rgb(235,145,205)
```
#eea1d5
```
#eea1d5 rgb(238,161,213)
```
#f1b2dc
```
#f1b2dc rgb(241,178,220)
```
#f4c3e4
```
#f4c3e4 rgb(244,195,228)
```
#f7d3eb
```
#f7d3eb rgb(247,211,235)
```
#fae4f3
```
#fae4f3 rgb(250,228,243)
```
#fdf5fa
```
#fdf5fa rgb(253,245,250)
```

Tint Color Variation

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

#706f70
```
#706f70 rgb(112,111,112)
```
#786773
```
#786773 rgb(120,103,115)
```
#815e75
```
#815e75 rgb(129,94,117)
```
#8a5578
```
#8a5578 rgb(138,85,120)
```
#924d7b
```
#924d7b rgb(146,77,123)
```
#9b447e
```
#9b447e rgb(155,68,126)
```
#a33c81
```
#a33c81 rgb(163,60,129)
```
#ac3384
```
#ac3384 rgb(172,51,132)
```
#b42b87
```
#b42b87 rgb(180,43,135)
```
#bd228a
```
#bd228a rgb(189,34,138)
```
#c6198d
```
#c6198d rgb(198,25,141)
```
#ce1190
```
#ce1190 rgb(206,17,144)
```
#d70893
```
#d70893 rgb(215,8,147)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f5065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6db7 Protanopia 1% of men
#6f6d83 Deuteranopia 1% of men
#ba474a Tritanopia 0.001% of the population

Trichromacy

#7551a6 Protanomaly 1% of men, 0.01% of women
#8b5185 Deuteranomaly 6% of men, 0.4% of women
#bb3961 Tritanomaly 0.01% of the population

#bd228a hex color

#bd228a Color Information

#bd228a Color Conversion

Color Schemes with #bd228a

Alternatives to #bd228a

#bd228a Preview

Shades and Tints of #bd228a

Tones of #bd228a

Color Blindness Simulator