#bd2257 hex color

In a RGB color space, hex #bd2257 is composed of 74.1% red, 13.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 54% yellow and 25.9% black. It has a hue angle of 339.5 degrees, a saturation of 69.5% and a lightness of 43.7%. #bd2257 color hex could be obtained by blending #ff44ae with #7b0000. Closest websafe color is: #cc3366.

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

● #bd2257 color description : Strong pink.

The hexadecimal color #bd2257 has RGB values of R:189, G:34, B:87 and CMYK values of C:0, M:0.82, Y:0.54, K:0.26. Its decimal value is 12395095.

Hex triplet	bd2257	`#bd2257`
RGB Decimal	189, 34, 87	`rgb(189,34,87)`
RGB Percent	74.1, 13.3, 34.1	`rgb(74.1%,13.3%,34.1%)`
CMYK	0, 82, 54, 26
HSL	339.5°, 69.5, 43.7	`hsl(339.5,69.5%,43.7%)`
HSV (or HSB)	339.5°, 82, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.237, 61.814, 9.478
XYZ	23.279, 12.654, 10.233
xyY	0.504, 0.274, 12.654
CIE-LCH	42.237, 62.537, 8.717
CIE-LUV	42.237, 101.102, -0.652
Hunter-Lab	35.572, 54.565, 7.845
Binary	10111101, 00100010, 01010111

#bd2257
```
#bd2257 rgb(189,34,87)
```
#22bd88
```
#22bd88 rgb(34,189,136)
```

Complementary Color

#bd22a5
```
#bd22a5 rgb(189,34,165)
```
#bd2257
```
#bd2257 rgb(189,34,87)
```
#bd3a22
```
#bd3a22 rgb(189,58,34)
```

Analogous Color

#22a5bd
```
#22a5bd rgb(34,165,189)
```
#bd2257
```
#bd2257 rgb(189,34,87)
```
#22bd3a
```
#22bd3a rgb(34,189,58)
```

Split Complementary Color

#2257bd
```
#2257bd rgb(34,87,189)
```
#bd2257
```
#bd2257 rgb(189,34,87)
```
#57bd22
```
#57bd22 rgb(87,189,34)
```

Triadic Color

#8822bd
```
#8822bd rgb(136,34,189)
```
#bd2257
```
#bd2257 rgb(189,34,87)
```
#57bd22
```
#57bd22 rgb(87,189,34)
```
#22bd88
```
#22bd88 rgb(34,189,136)
```

Tetradic Color

#7c1639
```
#7c1639 rgb(124,22,57)
```
#921a43
```
#921a43 rgb(146,26,67)
```
#a71e4d
```
#a71e4d rgb(167,30,77)
```
#bd2257
```
#bd2257 rgb(189,34,87)
```
#d32661
```
#d32661 rgb(211,38,97)
```
#db376f
```
#db376f rgb(219,55,111)
```
#df4d7f
```
#df4d7f rgb(223,77,127)
```

Monochromatic Color

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

#bd227e
```
#bd227e rgb(189,34,126)
```
#bd2271
```
#bd2271 rgb(189,34,113)
```
#bd2264
```
#bd2264 rgb(189,34,100)
```
#bd2257
```
#bd2257 rgb(189,34,87)
```
#bd224a
```
#bd224a rgb(189,34,74)
```
#bd223d
```
#bd223d rgb(189,34,61)
```
#bd2230
```
#bd2230 rgb(189,34,48)
```

Similar Colors

Text with hexadecimal color #bd2257

This text has a font color of #bd2257.

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

#bd2257 background color

This paragraph has a background color of #bd2257.

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

#bd2257 border color

This element has a border color of #bd2257.

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

CSS codes

.text {color:#bd2257;}

.background {background-color:#bd2257;}

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

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

#060103
```
#060103 rgb(6,1,3)
```
#17040a
```
#17040a rgb(23,4,10)
```
#270712
```
#270712 rgb(39,7,18)
```
#380a1a
```
#380a1a rgb(56,10,26)
```
#490d21
```
#490d21 rgb(73,13,33)
```
#591029
```
#591029 rgb(89,16,41)
```
#6a1331
```
#6a1331 rgb(106,19,49)
```
#7b1638
```
#7b1638 rgb(123,22,56)
```
#8b1940
```
#8b1940 rgb(139,25,64)
```
#9c1c48
```
#9c1c48 rgb(156,28,72)
```
#ac1f4f
```
#ac1f4f rgb(172,31,79)
```
#bd2257
```
#bd2257 rgb(189,34,87)
```
#ce255f
```
#ce255f rgb(206,37,95)
```

Shade Color Variation

#d92d68
```
#d92d68 rgb(217,45,104)
```
#dc3e74
```
#dc3e74 rgb(220,62,116)
```
#df4e80
```
#df4e80 rgb(223,78,128)
```
#e25f8c
```
#e25f8c rgb(226,95,140)
```
#e57098
```
#e57098 rgb(229,112,152)
```
#e880a4
```
#e880a4 rgb(232,128,164)
```
#eb91b0
```
#eb91b0 rgb(235,145,176)
```
#eea1bc
```
#eea1bc rgb(238,161,188)
```
#f1b2c8
```
#f1b2c8 rgb(241,178,200)
```
#f4c3d4
```
#f4c3d4 rgb(244,195,212)
```
#f7d3e0
```
#f7d3e0 rgb(247,211,224)
```
#fae4eb
```
#fae4eb rgb(250,228,235)
```
#fdf5f7
```
#fdf5f7 rgb(253,245,247)
```

Tint Color Variation

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

#706f6f
```
#706f6f rgb(112,111,111)
```
#78676d
```
#78676d rgb(120,103,109)
```
#815e6a
```
#815e6a rgb(129,94,106)
```
#8a5567
```
#8a5567 rgb(138,85,103)
```
#924d65
```
#924d65 rgb(146,77,101)
```
#9b4462
```
#9b4462 rgb(155,68,98)
```
#a33c5f
```
#a33c5f rgb(163,60,95)
```
#ac335c
```
#ac335c rgb(172,51,92)
```
#b42b5a
```
#b42b5a rgb(180,43,90)
```
#bd2257
```
#bd2257 rgb(189,34,87)
```
#c61954
```
#c61954 rgb(198,25,84)
```
#ce1152
```
#ce1152 rgb(206,17,82)
```
#d7084f
```
#d7084f rgb(215,8,79)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6b4c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686a7a Protanopia 1% of men
#7d6755 Deuteranopia 1% of men
#be3739 Tritanopia 0.001% of the population

Trichromacy

#87506d Protanomaly 1% of men, 0.01% of women
#944e56 Deuteranomaly 6% of men, 0.4% of women
#be2f44 Tritanomaly 0.01% of the population

#bd2257 hex color

#bd2257 Color Information

#bd2257 Color Conversion

Color Schemes with #bd2257

Alternatives to #bd2257

#bd2257 Preview

Shades and Tints of #bd2257

Tones of #bd2257

Color Blindness Simulator