#bc377a hex color

In a RGB color space, hex #bc377a is composed of 73.7% red, 21.6% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.7% magenta, 35.1% yellow and 26.3% black. It has a hue angle of 329.8 degrees, a saturation of 54.7% and a lightness of 47.6%. #bc377a color hex could be obtained by blending #ff6ef4 with #790000. Closest websafe color is: #cc3366.

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

● #bc377a color description : Moderate pink.

The hexadecimal color #bc377a has RGB values of R:188, G:55, B:122 and CMYK values of C:0, M:0.71, Y:0.35, K:0.26. Its decimal value is 12334970.

Hex triplet	bc377a	`#bc377a`
RGB Decimal	188, 55, 122	`rgb(188,55,122)`
RGB Percent	73.7, 21.6, 47.8	`rgb(73.7%,21.6%,47.8%)`
CMYK	0, 71, 35, 26
HSL	329.8°, 54.7, 47.6	`hsl(329.8,54.7%,47.6%)`
HSV (or HSB)	329.8°, 70.7, 73.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.402, 58.315, -7.681
XYZ	25.619, 14.831, 19.925
xyY	0.424, 0.246, 14.831
CIE-LCH	45.402, 58.819, 352.496
CIE-LUV	45.402, 79.691, -20.517
Hunter-Lab	38.511, 51.347, -3.717
Binary	10111100, 00110111, 01111010

#bc377a
```
#bc377a rgb(188,55,122)
```
#37bc79
```
#37bc79 rgb(55,188,121)
```

Complementary Color

#bc37bc
```
#bc37bc rgb(188,55,188)
```
#bc377a
```
#bc377a rgb(188,55,122)
```
#bc3738
```
#bc3738 rgb(188,55,56)
```

Analogous Color

#37bcbc
```
#37bcbc rgb(55,188,188)
```
#bc377a
```
#bc377a rgb(188,55,122)
```
#38bc37
```
#38bc37 rgb(56,188,55)
```

Split Complementary Color

#377abc
```
#377abc rgb(55,122,188)
```
#bc377a
```
#bc377a rgb(188,55,122)
```
#7abc37
```
#7abc37 rgb(122,188,55)
```

Triadic Color

#7937bc
```
#7937bc rgb(121,55,188)
```
#bc377a
```
#bc377a rgb(188,55,122)
```
#7abc37
```
#7abc37 rgb(122,188,55)
```
#37bc79
```
#37bc79 rgb(55,188,121)
```

Tetradic Color

#812654
```
#812654 rgb(129,38,84)
```
#952b60
```
#952b60 rgb(149,43,96)
```
#a8316d
```
#a8316d rgb(168,49,109)
```
#bc377a
```
#bc377a rgb(188,55,122)
```
#c84487
```
#c84487 rgb(200,68,135)
```
#ce5893
```
#ce5893 rgb(206,88,147)
```
#d46ca0
```
#d46ca0 rgb(212,108,160)
```

Monochromatic Color

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

#bc379b
```
#bc379b rgb(188,55,155)
```
#bc3790
```
#bc3790 rgb(188,55,144)
```
#bc3785
```
#bc3785 rgb(188,55,133)
```
#bc377a
```
#bc377a rgb(188,55,122)
```
#bc376f
```
#bc376f rgb(188,55,111)
```
#bc3764
```
#bc3764 rgb(188,55,100)
```
#bc3759
```
#bc3759 rgb(188,55,89)
```

Similar Colors

Text with hexadecimal color #bc377a

This text has a font color of #bc377a.

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

#bc377a background color

This paragraph has a background color of #bc377a.

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

#bc377a border color

This element has a border color of #bc377a.

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

CSS codes

.text {color:#bc377a;}

.background {background-color:#bc377a;}

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

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

#060204
```
#060204 rgb(6,2,4)
```
#15060e
```
#15060e rgb(21,6,14)
```
#240b18
```
#240b18 rgb(36,11,24)
```
#330f21
```
#330f21 rgb(51,15,33)
```
#43132b
```
#43132b rgb(67,19,43)
```
#521835
```
#521835 rgb(82,24,53)
```
#611c3f
```
#611c3f rgb(97,28,63)
```
#702149
```
#702149 rgb(112,33,73)
```
#7f2553
```
#7f2553 rgb(127,37,83)
```
#8e2a5c
```
#8e2a5c rgb(142,42,92)
```
#9e2e66
```
#9e2e66 rgb(158,46,102)
```
#ad3370
```
#ad3370 rgb(173,51,112)
```
#bc377a
```
#bc377a rgb(188,55,122)
```

Shade Color Variation

#c74084
```
#c74084 rgb(199,64,132)
```
#cb4f8e
```
#cb4f8e rgb(203,79,142)
```
#d05e97
```
#d05e97 rgb(208,94,151)
```
#d46da1
```
#d46da1 rgb(212,109,161)
```
#d97cab
```
#d97cab rgb(217,124,171)
```
#dd8bb5
```
#dd8bb5 rgb(221,139,181)
```
#e29bbe
```
#e29bbe rgb(226,155,190)
```
#e6aac8
```
#e6aac8 rgb(230,170,200)
```
#ebb9d2
```
#ebb9d2 rgb(235,185,210)
```
#efc8dc
```
#efc8dc rgb(239,200,220)
```
#f3d7e5
```
#f3d7e5 rgb(243,215,229)
```
#f8e7ef
```
#f8e7ef rgb(248,231,239)
```
#fcf6f9
```
#fcf6f9 rgb(252,246,249)
```

Tint Color Variation

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

#7b787a
```
#7b787a rgb(123,120,122)
```
#846f7a
```
#846f7a rgb(132,111,122)
```
#8d667a
```
#8d667a rgb(141,102,122)
```
#975c7a
```
#975c7a rgb(151,92,122)
```
#a0537a
```
#a0537a rgb(160,83,122)
```
#a94a7a
```
#a94a7a rgb(169,74,122)
```
#b3407a
```
#b3407a rgb(179,64,122)
```
#bc377a
```
#bc377a rgb(188,55,122)
```
#c52e7a
```
#c52e7a rgb(197,46,122)
```
#cf247a
```
#cf247a rgb(207,36,122)
```
#d81b7a
```
#d81b7a rgb(216,27,122)
```
#e1127a
```
#e1127a rgb(225,18,122)
```
#eb087a
```
#eb087a rgb(235,8,122)
```

Tone Color Variation

Below, you can see how #bc377a 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
#775d6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#65719c Protanopia 1% of men
#7b6f76 Deuteranopia 1% of men
#bb4d52 Tritanopia 0.001% of the population

Trichromacy

#845c90 Protanomaly 1% of men, 0.01% of women
#935b78 Deuteranomaly 6% of men, 0.4% of women
#bb4560 Tritanomaly 0.01% of the population

#bc377a hex color

#bc377a Color Information

#bc377a Color Conversion

Color Schemes with #bc377a

Alternatives to #bc377a

#bc377a Preview

Shades and Tints of #bc377a

Tones of #bc377a

Color Blindness Simulator