#bd337a hex color

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

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

● #bd337a color description : Moderate pink.

The hexadecimal color #bd337a has RGB values of R:189, G:51, B:122 and CMYK values of C:0, M:0.73, Y:0.35, K:0.26. Its decimal value is 12399482.

Hex triplet	bd337a	`#bd337a`
RGB Decimal	189, 51, 122	`rgb(189,51,122)`
RGB Percent	74.1, 20, 47.8	`rgb(74.1%,20%,47.8%)`
CMYK	0, 73, 35, 26
HSL	329.1°, 57.5, 47.1	`hsl(329.1,57.5%,47.1%)`
HSV (or HSB)	329.1°, 73, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.073, 60.006, -8.155
XYZ	25.683, 14.594, 19.876
xyY	0.427, 0.243, 14.594
CIE-LCH	45.073, 60.558, 352.261
CIE-LUV	45.073, 81.947, -21.44
Hunter-Lab	38.202, 53.152, -4.106
Binary	10111101, 00110011, 01111010

#bd337a
```
#bd337a rgb(189,51,122)
```
#33bd76
```
#33bd76 rgb(51,189,118)
```

Complementary Color

#bb33bd
```
#bb33bd rgb(187,51,189)
```
#bd337a
```
#bd337a rgb(189,51,122)
```
#bd3335
```
#bd3335 rgb(189,51,53)
```

Analogous Color

#33bdbb
```
#33bdbb rgb(51,189,187)
```
#bd337a
```
#bd337a rgb(189,51,122)
```
#35bd33
```
#35bd33 rgb(53,189,51)
```

Split Complementary Color

#337abd
```
#337abd rgb(51,122,189)
```
#bd337a
```
#bd337a rgb(189,51,122)
```
#7abd33
```
#7abd33 rgb(122,189,51)
```

Triadic Color

#7633bd
```
#7633bd rgb(118,51,189)
```
#bd337a
```
#bd337a rgb(189,51,122)
```
#7abd33
```
#7abd33 rgb(122,189,51)
```
#33bd76
```
#33bd76 rgb(51,189,118)
```

Tetradic Color

#812353
```
#812353 rgb(129,35,83)
```
#952860
```
#952860 rgb(149,40,96)
```
#a92e6d
```
#a92e6d rgb(169,46,109)
```
#bd337a
```
#bd337a rgb(189,51,122)
```
#cb3e87
```
#cb3e87 rgb(203,62,135)
```
#d05393
```
#d05393 rgb(208,83,147)
```
#d667a0
```
#d667a0 rgb(214,103,160)
```

Monochromatic Color

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

#bd339d
```
#bd339d rgb(189,51,157)
```
#bd3391
```
#bd3391 rgb(189,51,145)
```
#bd3386
```
#bd3386 rgb(189,51,134)
```
#bd337a
```
#bd337a rgb(189,51,122)
```
#bd336f
```
#bd336f rgb(189,51,111)
```
#bd3363
```
#bd3363 rgb(189,51,99)
```
#bd3357
```
#bd3357 rgb(189,51,87)
```

Similar Colors

Text with hexadecimal color #bd337a

This text has a font color of #bd337a.

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

#bd337a background color

This paragraph has a background color of #bd337a.

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

#bd337a border color

This element has a border color of #bd337a.

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

CSS codes

.text {color:#bd337a;}

.background {background-color:#bd337a;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#13050c
```
#13050c rgb(19,5,12)
```
#230916
```
#230916 rgb(35,9,22)
```
#320d20
```
#320d20 rgb(50,13,32)
```
#41122a
```
#41122a rgb(65,18,42)
```
#511634
```
#511634 rgb(81,22,52)
```
#601a3e
```
#601a3e rgb(96,26,62)
```
#701e48
```
#701e48 rgb(112,30,72)
```
#7f2252
```
#7f2252 rgb(127,34,82)
```
#8f265c
```
#8f265c rgb(143,38,92)
```
#9e2b66
```
#9e2b66 rgb(158,43,102)
```
#ae2f70
```
#ae2f70 rgb(174,47,112)
```
#bd337a
```
#bd337a rgb(189,51,122)
```

Shade Color Variation

#ca3a84
```
#ca3a84 rgb(202,58,132)
```
#ce498e
```
#ce498e rgb(206,73,142)
```
#d25997
```
#d25997 rgb(210,89,151)
```
#d668a1
```
#d668a1 rgb(214,104,161)
```
#da78aa
```
#da78aa rgb(218,120,170)
```
#df87b4
```
#df87b4 rgb(223,135,180)
```
#e397be
```
#e397be rgb(227,151,190)
```
#e7a6c7
```
#e7a6c7 rgb(231,166,199)
```
#ebb5d1
```
#ebb5d1 rgb(235,181,209)
```
#efc5db
```
#efc5db rgb(239,197,219)
```
#f3d4e4
```
#f3d4e4 rgb(243,212,228)
```
#f8e4ee
```
#f8e4ee rgb(248,228,238)
```
#fcf3f8
```
#fcf3f8 rgb(252,243,248)
```

Tint Color Variation

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

#7c7478
```
#7c7478 rgb(124,116,120)
```
#866a78
```
#866a78 rgb(134,106,120)
```
#8f6179
```
#8f6179 rgb(143,97,121)
```
#985879
```
#985879 rgb(152,88,121)
```
#a14f79
```
#a14f79 rgb(161,79,121)
```
#ab4579
```
#ab4579 rgb(171,69,121)
```
#b43c7a
```
#b43c7a rgb(180,60,122)
```
#bd337a
```
#bd337a rgb(189,51,122)
```
#c62a7a
```
#c62a7a rgb(198,42,122)
```
#cf217b
```
#cf217b rgb(207,33,123)
```
#d9177b
```
#d9177b rgb(217,23,123)
```
#e20e7b
```
#e20e7b rgb(226,14,123)
```
#eb057b
```
#eb057b rgb(235,5,123)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#765a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#62709e Protanopia 1% of men
#7a6f76 Deuteranopia 1% of men
#bc4b4f Tritanopia 0.001% of the population

Trichromacy

#835a91 Protanomaly 1% of men, 0.01% of women
#925977 Deuteranomaly 6% of men, 0.4% of women
#bc425e Tritanomaly 0.01% of the population

#bd337a hex color

#bd337a Color Information

#bd337a Color Conversion

Color Schemes with #bd337a

Alternatives to #bd337a

#bd337a Preview

Shades and Tints of #bd337a

Tones of #bd337a

Color Blindness Simulator