#bc448f hex color

In a RGB color space, hex #bc448f is composed of 73.7% red, 26.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.8% magenta, 23.9% yellow and 26.3% black. It has a hue angle of 322.5 degrees, a saturation of 47.2% and a lightness of 50.2%. #bc448f color hex could be obtained by blending #ff88ff with #79001f. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 74
- G 27
- B 56
RGB color chart
- C 0
- M 64
- Y 24
- K 26
CMYK color chart

● #bc448f color description : Moderate pink.

The hexadecimal color #bc448f has RGB values of R:188, G:68, B:143 and CMYK values of C:0, M:0.64, Y:0.24, K:0.26. Its decimal value is 12338319.

Hex triplet	bc448f	`#bc448f`
RGB Decimal	188, 68, 143	`rgb(188,68,143)`
RGB Percent	73.7, 26.7, 56.1	`rgb(73.7%,26.7%,56.1%)`
CMYK	0, 64, 24, 26
HSL	322.5°, 47.2, 50.2	`hsl(322.5,47.2%,50.2%)`
HSV (or HSB)	322.5°, 63.8, 73.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.021, 55.804, -16.449
XYZ	27.764, 16.811, 27.768
xyY	0.384, 0.232, 16.811
CIE-LCH	48.021, 58.178, 343.576
CIE-LUV	48.021, 67.363, -32.338
Hunter-Lab	41.001, 49.12, -11.453
Binary	10111100, 01000100, 10001111

#bc448f
```
#bc448f rgb(188,68,143)
```
#44bc71
```
#44bc71 rgb(68,188,113)
```

Complementary Color

#ad44bc
```
#ad44bc rgb(173,68,188)
```
#bc448f
```
#bc448f rgb(188,68,143)
```
#bc4453
```
#bc4453 rgb(188,68,83)
```

Analogous Color

#44bcad
```
#44bcad rgb(68,188,173)
```
#bc448f
```
#bc448f rgb(188,68,143)
```
#53bc44
```
#53bc44 rgb(83,188,68)
```

Split Complementary Color

#448fbc
```
#448fbc rgb(68,143,188)
```
#bc448f
```
#bc448f rgb(188,68,143)
```
#8fbc44
```
#8fbc44 rgb(143,188,68)
```

Triadic Color

#7144bc
```
#7144bc rgb(113,68,188)
```
#bc448f
```
#bc448f rgb(188,68,143)
```
#8fbc44
```
#8fbc44 rgb(143,188,68)
```
#44bc71
```
#44bc71 rgb(68,188,113)
```

Tetradic Color

#842f64
```
#842f64 rgb(132,47,100)
```
#973673
```
#973673 rgb(151,54,115)
```
#aa3d81
```
#aa3d81 rgb(170,61,129)
```
#bc448f
```
#bc448f rgb(188,68,143)
```
#c3579a
```
#c3579a rgb(195,87,154)
```
#c96aa5
```
#c96aa5 rgb(201,106,165)
```
#d07cb1
```
#d07cb1 rgb(208,124,177)
```

Monochromatic Color

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

#bc44ad
```
#bc44ad rgb(188,68,173)
```
#bc44a3
```
#bc44a3 rgb(188,68,163)
```
#bc4499
```
#bc4499 rgb(188,68,153)
```
#bc448f
```
#bc448f rgb(188,68,143)
```
#bc4485
```
#bc4485 rgb(188,68,133)
```
#bc447b
```
#bc447b rgb(188,68,123)
```
#bc4471
```
#bc4471 rgb(188,68,113)
```

Similar Colors

Text with hexadecimal color #bc448f

This text has a font color of #bc448f.

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

#bc448f background color

This paragraph has a background color of #bc448f.

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

#bc448f border color

This element has a border color of #bc448f.

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

CSS codes

.text {color:#bc448f;}

.background {background-color:#bc448f;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0f050c
```
#0f050c rgb(15,5,12)
```
#1e0b16
```
#1e0b16 rgb(30,11,22)
```
#2c1021
```
#2c1021 rgb(44,16,33)
```
#3b152c
```
#3b152c rgb(59,21,44)
```
#491a37
```
#491a37 rgb(73,26,55)
```
#571f42
```
#571f42 rgb(87,31,66)
```
#66244d
```
#66244d rgb(102,36,77)
```
#742a58
```
#742a58 rgb(116,42,88)
```
#832f63
```
#832f63 rgb(131,47,99)
```
#91346e
```
#91346e rgb(145,52,110)
```
#a03979
```
#a03979 rgb(160,57,121)
```
#ae3e84
```
#ae3e84 rgb(174,62,132)
```

Shade Color Variation

#bc448f
```
#bc448f rgb(188,68,143)
```
#c15298
```
#c15298 rgb(193,82,152)
```
#c661a0
```
#c661a0 rgb(198,97,160)
```
#cc6fa9
```
#cc6fa9 rgb(204,111,169)
```
#d17eb2
```
#d17eb2 rgb(209,126,178)
```
#d68cba
```
#d68cba rgb(214,140,186)
```
#db9bc3
```
#db9bc3 rgb(219,155,195)
```
#e0a9cc
```
#e0a9cc rgb(224,169,204)
```
#e5b8d4
```
#e5b8d4 rgb(229,184,212)
```
#ebc6dd
```
#ebc6dd rgb(235,198,221)
```
#f0d4e5
```
#f0d4e5 rgb(240,212,229)
```
#f5e3ee
```
#f5e3ee rgb(245,227,238)
```
#faf1f7
```
#faf1f7 rgb(250,241,247)
```

Tint Color Variation

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

#817f80
```
#817f80 rgb(129,127,128)
```
#8b7583
```
#8b7583 rgb(139,117,131)
```
#956b85
```
#956b85 rgb(149,107,133)
```
#9f6188
```
#9f6188 rgb(159,97,136)
```
#a8588a
```
#a8588a rgb(168,88,138)
```
#b24e8d
```
#b24e8d rgb(178,78,141)
```
#bc448f
```
#bc448f rgb(188,68,143)
```
#c63a91
```
#c63a91 rgb(198,58,145)
```
#d03094
```
#d03094 rgb(208,48,148)
```
#d92796
```
#d92796 rgb(217,39,150)
```
#e31d99
```
#e31d99 rgb(227,29,153)
```
#ed139b
```
#ed139b rgb(237,19,155)
```
#f7099e
```
#f7099e rgb(247,9,158)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7f6776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6477af Protanopia 1% of men
#7b768a Deuteranopia 1% of men
#ba5b60 Tritanopia 0.001% of the population

Trichromacy

#8464a3 Protanomaly 1% of men, 0.01% of women
#93648c Deuteranomaly 6% of men, 0.4% of women
#bb5271 Tritanomaly 0.01% of the population

#bc448f hex color

#bc448f Color Information

#bc448f Color Conversion

Color Schemes with #bc448f

Alternatives to #bc448f

#bc448f Preview

Shades and Tints of #bc448f

Tones of #bc448f

Color Blindness Simulator