#bd3366 hex color

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

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

● #bd3366 color description : Moderate pink.

The hexadecimal color #bd3366 has RGB values of R:189, G:51, B:102 and CMYK values of C:0, M:0.73, Y:0.46, K:0.26. Its decimal value is 12399462.

Hex triplet	bd3366	`#bd3366`
RGB Decimal	189, 51, 102	`rgb(189,51,102)`
RGB Percent	74.1, 20, 40	`rgb(74.1%,20%,40%)`
CMYK	0, 73, 46, 26
HSL	337.8°, 57.5, 47.1	`hsl(337.8,57.5%,47.1%)`
HSV (or HSB)	337.8°, 73, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.445, 57.969, 3.254
XYZ	24.569, 14.148, 14.007
xyY	0.466, 0.268, 14.148
CIE-LCH	44.445, 58.061, 3.213
CIE-LUV	44.445, 89.348, -6.722
Hunter-Lab	37.614, 50.769, 4.252
Binary	10111101, 00110011, 01100110

#bd3366
```
#bd3366 rgb(189,51,102)
```
#33bd8a
```
#33bd8a rgb(51,189,138)
```

Complementary Color

#bd33ab
```
#bd33ab rgb(189,51,171)
```
#bd3366
```
#bd3366 rgb(189,51,102)
```
#bd4533
```
#bd4533 rgb(189,69,51)
```

Analogous Color

#33abbd
```
#33abbd rgb(51,171,189)
```
#bd3366
```
#bd3366 rgb(189,51,102)
```
#33bd45
```
#33bd45 rgb(51,189,69)
```

Split Complementary Color

#3366bd
```
#3366bd rgb(51,102,189)
```
#bd3366
```
#bd3366 rgb(189,51,102)
```
#66bd33
```
#66bd33 rgb(102,189,51)
```

Triadic Color

#8a33bd
```
#8a33bd rgb(138,51,189)
```
#bd3366
```
#bd3366 rgb(189,51,102)
```
#66bd33
```
#66bd33 rgb(102,189,51)
```
#33bd8a
```
#33bd8a rgb(51,189,138)
```

Tetradic Color

#812345
```
#812345 rgb(129,35,69)
```
#952850
```
#952850 rgb(149,40,80)
```
#a92e5b
```
#a92e5b rgb(169,46,91)
```
#bd3366
```
#bd3366 rgb(189,51,102)
```
#cb3e72
```
#cb3e72 rgb(203,62,114)
```
#d05381
```
#d05381 rgb(208,83,129)
```
#d66790
```
#d66790 rgb(214,103,144)
```

Monochromatic Color

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

#bd3389
```
#bd3389 rgb(189,51,137)
```
#bd337d
```
#bd337d rgb(189,51,125)
```
#bd3372
```
#bd3372 rgb(189,51,114)
```
#bd3366
```
#bd3366 rgb(189,51,102)
```
#bd335a
```
#bd335a rgb(189,51,90)
```
#bd334f
```
#bd334f rgb(189,51,79)
```
#bd3344
```
#bd3344 rgb(189,51,68)
```

Similar Colors

Text with hexadecimal color #bd3366

This text has a font color of #bd3366.

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

#bd3366 background color

This paragraph has a background color of #bd3366.

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

#bd3366 border color

This element has a border color of #bd3366.

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

CSS codes

.text {color:#bd3366;}

.background {background-color:#bd3366;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#13050a
```
#13050a rgb(19,5,10)
```
#230913
```
#230913 rgb(35,9,19)
```
#320d1b
```
#320d1b rgb(50,13,27)
```
#411223
```
#411223 rgb(65,18,35)
```
#51162c
```
#51162c rgb(81,22,44)
```
#601a34
```
#601a34 rgb(96,26,52)
```
#701e3c
```
#701e3c rgb(112,30,60)
```
#7f2245
```
#7f2245 rgb(127,34,69)
```
#8f264d
```
#8f264d rgb(143,38,77)
```
#9e2b55
```
#9e2b55 rgb(158,43,85)
```
#ae2f5e
```
#ae2f5e rgb(174,47,94)
```
#bd3366
```
#bd3366 rgb(189,51,102)
```

Shade Color Variation

#ca3a6f
```
#ca3a6f rgb(202,58,111)
```
#ce497a
```
#ce497a rgb(206,73,122)
```
#d25986
```
#d25986 rgb(210,89,134)
```
#d66891
```
#d66891 rgb(214,104,145)
```
#da789c
```
#da789c rgb(218,120,156)
```
#df87a7
```
#df87a7 rgb(223,135,167)
```
#e397b3
```
#e397b3 rgb(227,151,179)
```
#e7a6be
```
#e7a6be rgb(231,166,190)
```
#ebb5c9
```
#ebb5c9 rgb(235,181,201)
```
#efc5d5
```
#efc5d5 rgb(239,197,213)
```
#f3d4e0
```
#f3d4e0 rgb(243,212,224)
```
#f8e4eb
```
#f8e4eb rgb(248,228,235)
```
#fcf3f6
```
#fcf3f6 rgb(252,243,246)
```

Tint Color Variation

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

#7c7477
```
#7c7477 rgb(124,116,119)
```
#866a74
```
#866a74 rgb(134,106,116)
```
#8f6172
```
#8f6172 rgb(143,97,114)
```
#985870
```
#985870 rgb(152,88,112)
```
#a14f6d
```
#a14f6d rgb(161,79,109)
```
#ab456b
```
#ab456b rgb(171,69,107)
```
#b43c68
```
#b43c68 rgb(180,60,104)
```
#bd3366
```
#bd3366 rgb(189,51,102)
```
#c62a64
```
#c62a64 rgb(198,42,100)
```
#cf2161
```
#cf2161 rgb(207,33,97)
```
#d9175f
```
#d9175f rgb(217,23,95)
```
#e20e5c
```
#e20e5c rgb(226,14,92)
```
#eb055a
```
#eb055a rgb(235,5,90)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#745963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6f87 Protanopia 1% of men
#7f6d64 Deuteranopia 1% of men
#be464a Tritanopia 0.001% of the population

Trichromacy

#89597b Protanomaly 1% of men, 0.01% of women
#965765 Deuteranomaly 6% of men, 0.4% of women
#bd3f54 Tritanomaly 0.01% of the population

#bd3366 hex color

#bd3366 Color Information

#bd3366 Color Conversion

Color Schemes with #bd3366

Alternatives to #bd3366

#bd3366 Preview

Shades and Tints of #bd3366

Tones of #bd3366

Color Blindness Simulator