#bd3356 hex color

In a RGB color space, hex #bd3356 is composed of 74.1% red, 20% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73% magenta, 54.5% yellow and 25.9% black. It has a hue angle of 344.8 degrees, a saturation of 57.5% and a lightness of 47.1%. #bd3356 color hex could be obtained by blending #ff66ac with #7b0000. Closest websafe color is: #cc3366.

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

● #bd3356 color description : Moderate pink.

The hexadecimal color #bd3356 has RGB values of R:189, G:51, B:86 and CMYK values of C:0, M:0.73, Y:0.54, K:0.26. Its decimal value is 12399446.

Hex triplet	bd3356	`#bd3356`
RGB Decimal	189, 51, 86	`rgb(189,51,86)`
RGB Percent	74.1, 20, 33.7	`rgb(74.1%,20%,33.7%)`
CMYK	0, 73, 54, 26
HSL	344.8°, 57.5, 47.1	`hsl(344.8,57.5%,47.1%)`
HSV (or HSB)	344.8°, 73, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.033, 56.61, 12.603
XYZ	23.851, 13.861, 10.223
xyY	0.498, 0.289, 13.861
CIE-LCH	44.033, 57.996, 12.551
CIE-LUV	44.033, 94.845, 4.016
Hunter-Lab	37.23, 49.198, 9.781
Binary	10111101, 00110011, 01010110

#bd3356
```
#bd3356 rgb(189,51,86)
```
#33bd9a
```
#33bd9a rgb(51,189,154)
```

Complementary Color

#bd339b
```
#bd339b rgb(189,51,155)
```
#bd3356
```
#bd3356 rgb(189,51,86)
```
#bd5533
```
#bd5533 rgb(189,85,51)
```

Analogous Color

#339bbd
```
#339bbd rgb(51,155,189)
```
#bd3356
```
#bd3356 rgb(189,51,86)
```
#33bd55
```
#33bd55 rgb(51,189,85)
```

Split Complementary Color

#3356bd
```
#3356bd rgb(51,86,189)
```
#bd3356
```
#bd3356 rgb(189,51,86)
```
#56bd33
```
#56bd33 rgb(86,189,51)
```

Triadic Color

#9a33bd
```
#9a33bd rgb(154,51,189)
```
#bd3356
```
#bd3356 rgb(189,51,86)
```
#56bd33
```
#56bd33 rgb(86,189,51)
```
#33bd9a
```
#33bd9a rgb(51,189,154)
```

Tetradic Color

#81233b
```
#81233b rgb(129,35,59)
```
#952844
```
#952844 rgb(149,40,68)
```
#a92e4d
```
#a92e4d rgb(169,46,77)
```
#bd3356
```
#bd3356 rgb(189,51,86)
```
#cb3e62
```
#cb3e62 rgb(203,62,98)
```
#d05372
```
#d05372 rgb(208,83,114)
```
#d66783
```
#d66783 rgb(214,103,131)
```

Monochromatic Color

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

#bd3379
```
#bd3379 rgb(189,51,121)
```
#bd336d
```
#bd336d rgb(189,51,109)
```
#bd3361
```
#bd3361 rgb(189,51,97)
```
#bd3356
```
#bd3356 rgb(189,51,86)
```
#bd334b
```
#bd334b rgb(189,51,75)
```
#bd333f
```
#bd333f rgb(189,51,63)
```
#bd3333
```
#bd3333 rgb(189,51,51)
```

Similar Colors

Text with hexadecimal color #bd3356

This text has a font color of #bd3356.

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

#bd3356 background color

This paragraph has a background color of #bd3356.

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

#bd3356 border color

This element has a border color of #bd3356.

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

CSS codes

.text {color:#bd3356;}

.background {background-color:#bd3356;}

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

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 #fcf3f5 is the lightest one.

#040102
```
#040102 rgb(4,1,2)
```
#130509
```
#130509 rgb(19,5,9)
```
#230910
```
#230910 rgb(35,9,16)
```
#320d17
```
#320d17 rgb(50,13,23)
```
#41121e
```
#41121e rgb(65,18,30)
```
#511625
```
#511625 rgb(81,22,37)
```
#601a2c
```
#601a2c rgb(96,26,44)
```
#701e33
```
#701e33 rgb(112,30,51)
```
#7f223a
```
#7f223a rgb(127,34,58)
```
#8f2641
```
#8f2641 rgb(143,38,65)
```
#9e2b48
```
#9e2b48 rgb(158,43,72)
```
#ae2f4f
```
#ae2f4f rgb(174,47,79)
```
#bd3356
```
#bd3356 rgb(189,51,86)
```

Shade Color Variation

#ca3a5e
```
#ca3a5e rgb(202,58,94)
```
#ce496b
```
#ce496b rgb(206,73,107)
```
#d25978
```
#d25978 rgb(210,89,120)
```
#d66884
```
#d66884 rgb(214,104,132)
```
#da7891
```
#da7891 rgb(218,120,145)
```
#df879d
```
#df879d rgb(223,135,157)
```
#e397aa
```
#e397aa rgb(227,151,170)
```
#e7a6b6
```
#e7a6b6 rgb(231,166,182)
```
#ebb5c3
```
#ebb5c3 rgb(235,181,195)
```
#efc5d0
```
#efc5d0 rgb(239,197,208)
```
#f3d4dc
```
#f3d4dc rgb(243,212,220)
```
#f8e4e9
```
#f8e4e9 rgb(248,228,233)
```
#fcf3f5
```
#fcf3f5 rgb(252,243,245)
```

Tint Color Variation

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

#7c7476
```
#7c7476 rgb(124,116,118)
```
#866a71
```
#866a71 rgb(134,106,113)
```
#8f616d
```
#8f616d rgb(143,97,109)
```
#985868
```
#985868 rgb(152,88,104)
```
#a14f64
```
#a14f64 rgb(161,79,100)
```
#ab455f
```
#ab455f rgb(171,69,95)
```
#b43c5b
```
#b43c5b rgb(180,60,91)
```
#bd3356
```
#bd3356 rgb(189,51,86)
```
#c62a51
```
#c62a51 rgb(198,42,81)
```
#cf214d
```
#cf214d rgb(207,33,77)
```
#d91748
```
#d91748 rgb(217,23,72)
```
#e20e44
```
#e20e44 rgb(226,14,68)
```
#eb053f
```
#eb053f rgb(235,5,63)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#73575e Atypical Achromatopsia 0.001% of the population

Dichromacy

#706f74 Protanopia 1% of men
#836b55 Deuteranopia 1% of men
#bf4246 Tritanopia 0.001% of the population

Trichromacy

#8c5969 Protanomaly 1% of men, 0.01% of women
#985755 Deuteranomaly 6% of men, 0.4% of women
#be3d4b Tritanomaly 0.01% of the population

#bd3356 hex color

#bd3356 Color Information

#bd3356 Color Conversion

Color Schemes with #bd3356

Alternatives to #bd3356

#bd3356 Preview

Shades and Tints of #bd3356

Tones of #bd3356

Color Blindness Simulator