#bc338a hex color

In a RGB color space, hex #bc338a is composed of 73.7% red, 20% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 26.6% yellow and 26.3% black. It has a hue angle of 321.9 degrees, a saturation of 57.3% and a lightness of 46.9%. #bc338a color hex could be obtained by blending #ff66ff with #790015. Closest websafe color is: #cc3399.

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

● #bc338a color description : Moderate pink.

The hexadecimal color #bc338a has RGB values of R:188, G:51, B:138 and CMYK values of C:0, M:0.73, Y:0.27, K:0.26. Its decimal value is 12333962.

Hex triplet	bc338a	`#bc338a`
RGB Decimal	188, 51, 138	`rgb(188,51,138)`
RGB Percent	73.7, 20, 54.1	`rgb(73.7%,20%,54.1%)`
CMYK	0, 73, 27, 26
HSL	321.9°, 57.3, 46.9	`hsl(321.9,57.3%,46.9%)`
HSV (or HSB)	321.9°, 72.9, 73.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.492, 61.635, -17.295
XYZ	26.511, 14.896, 25.523
xyY	0.396, 0.223, 14.896
CIE-LCH	45.492, 64.015, 344.325
CIE-LUV	45.492, 75.061, -34.151
Hunter-Lab	38.596, 55.065, -12.19
Binary	10111100, 00110011, 10001010

#bc338a
```
#bc338a rgb(188,51,138)
```
#33bc65
```
#33bc65 rgb(51,188,101)
```

Complementary Color

#aa33bc
```
#aa33bc rgb(170,51,188)
```
#bc338a
```
#bc338a rgb(188,51,138)
```
#bc3346
```
#bc3346 rgb(188,51,70)
```

Analogous Color

#33bcaa
```
#33bcaa rgb(51,188,170)
```
#bc338a
```
#bc338a rgb(188,51,138)
```
#46bc33
```
#46bc33 rgb(70,188,51)
```

Split Complementary Color

#338abc
```
#338abc rgb(51,138,188)
```
#bc338a
```
#bc338a rgb(188,51,138)
```
#8abc33
```
#8abc33 rgb(138,188,51)
```

Triadic Color

#6533bc
```
#6533bc rgb(101,51,188)
```
#bc338a
```
#bc338a rgb(188,51,138)
```
#8abc33
```
#8abc33 rgb(138,188,51)
```
#33bc65
```
#33bc65 rgb(51,188,101)
```

Tetradic Color

#80235e
```
#80235e rgb(128,35,94)
```
#94286d
```
#94286d rgb(148,40,109)
```
#a82e7b
```
#a82e7b rgb(168,46,123)
```
#bc338a
```
#bc338a rgb(188,51,138)
```
#cb3e97
```
#cb3e97 rgb(203,62,151)
```
#d052a2
```
#d052a2 rgb(208,82,162)
```
#d566ad
```
#d566ad rgb(213,102,173)
```

Monochromatic Color

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

#bc33ac
```
#bc33ac rgb(188,51,172)
```
#bc33a1
```
#bc33a1 rgb(188,51,161)
```
#bc3395
```
#bc3395 rgb(188,51,149)
```
#bc338a
```
#bc338a rgb(188,51,138)
```
#bc337f
```
#bc337f rgb(188,51,127)
```
#bc3373
```
#bc3373 rgb(188,51,115)
```
#bc3368
```
#bc3368 rgb(188,51,104)
```

Similar Colors

Text with hexadecimal color #bc338a

This text has a font color of #bc338a.

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

#bc338a background color

This paragraph has a background color of #bc338a.

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

#bc338a border color

This element has a border color of #bc338a.

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

CSS codes

.text {color:#bc338a;}

.background {background-color:#bc338a;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#12050d
```
#12050d rgb(18,5,13)
```
#220919
```
#220919 rgb(34,9,25)
```
#310d24
```
#310d24 rgb(49,13,36)
```
#41122f
```
#41122f rgb(65,18,47)
```
#50163b
```
#50163b rgb(80,22,59)
```
#5f1a46
```
#5f1a46 rgb(95,26,70)
```
#6f1e51
```
#6f1e51 rgb(111,30,81)
```
#7e225d
```
#7e225d rgb(126,34,93)
```
#8e2668
```
#8e2668 rgb(142,38,104)
```
#9d2b73
```
#9d2b73 rgb(157,43,115)
```
#ad2f7f
```
#ad2f7f rgb(173,47,127)
```
#bc338a
```
#bc338a rgb(188,51,138)
```

Shade Color Variation

#c93995
```
#c93995 rgb(201,57,149)
```
#ce499d
```
#ce499d rgb(206,73,157)
```
#d258a5
```
#d258a5 rgb(210,88,165)
```
#d668ae
```
#d668ae rgb(214,104,174)
```
#da77b6
```
#da77b6 rgb(218,119,182)
```
#de86be
```
#de86be rgb(222,134,190)
```
#e296c7
```
#e296c7 rgb(226,150,199)
```
#e7a5cf
```
#e7a5cf rgb(231,165,207)
```
#ebb5d7
```
#ebb5d7 rgb(235,181,215)
```
#efc4df
```
#efc4df rgb(239,196,223)
```
#f3d4e8
```
#f3d4e8 rgb(243,212,232)
```
#f7e3f0
```
#f7e3f0 rgb(247,227,240)
```
#fcf2f8
```
#fcf2f8 rgb(252,242,248)
```

Tint Color Variation

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

#7c7379
```
#7c7379 rgb(124,115,121)
```
#856a7b
```
#856a7b rgb(133,106,123)
```
#8e617e
```
#8e617e rgb(142,97,126)
```
#975880
```
#975880 rgb(151,88,128)
```
#a04f83
```
#a04f83 rgb(160,79,131)
```
#aa4585
```
#aa4585 rgb(170,69,133)
```
#b33c88
```
#b33c88 rgb(179,60,136)
```
#bc338a
```
#bc338a rgb(188,51,138)
```
#c52a8c
```
#c52a8c rgb(197,42,140)
```
#ce218f
```
#ce218f rgb(206,33,143)
```
#d81791
```
#d81791 rgb(216,23,145)
```
#e10e94
```
#e10e94 rgb(225,14,148)
```
#ea0596
```
#ea0596 rgb(234,5,150)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#775c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5971b0 Protanopia 1% of men
#757084 Deuteranopia 1% of men
#ba4f54 Tritanopia 0.001% of the population

Trichromacy

#7d5aa2 Protanomaly 1% of men, 0.01% of women
#8e5a86 Deuteranomaly 6% of men, 0.4% of women
#ba4567 Tritanomaly 0.01% of the population

#bc338a hex color

#bc338a Color Information

#bc338a Color Conversion

Color Schemes with #bc338a

Alternatives to #bc338a

#bc338a Preview

Shades and Tints of #bc338a

Tones of #bc338a

Color Blindness Simulator