#bc2f48 hex color

In a RGB color space, hex #bc2f48 is composed of 73.7% red, 18.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75% magenta, 61.7% yellow and 26.3% black. It has a hue angle of 349.4 degrees, a saturation of 60% and a lightness of 46.1%. #bc2f48 color hex could be obtained by blending #ff5e90 with #790000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 18
- B 28
RGB color chart
- C 0
- M 75
- Y 62
- K 26
CMYK color chart

● #bc2f48 color description : Strong red.

The hexadecimal color #bc2f48 has RGB values of R:188, G:47, B:72 and CMYK values of C:0, M:0.75, Y:0.62, K:0.26. Its decimal value is 12332872.

Hex triplet	bc2f48	`#bc2f48`
RGB Decimal	188, 47, 72	`rgb(188,47,72)`
RGB Percent	73.7, 18.4, 28.2	`rgb(73.7%,18.4%,28.2%)`
CMYK	0, 75, 62, 26
HSL	349.4°, 60, 46.1	`hsl(349.4,60%,46.1%)`
HSV (or HSB)	349.4°, 75, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.055, 56.695, 19.944
XYZ	22.926, 13.195, 7.47
xyY	0.526, 0.303, 13.195
CIE-LCH	43.055, 60.1, 19.381
CIE-LUV	43.055, 100.27, 11.105
Hunter-Lab	36.325, 49.091, 13.234
Binary	10111100, 00101111, 01001000

#bc2f48
```
#bc2f48 rgb(188,47,72)
```
#2fbca3
```
#2fbca3 rgb(47,188,163)
```

Complementary Color

#bc2f8f
```
#bc2f8f rgb(188,47,143)
```
#bc2f48
```
#bc2f48 rgb(188,47,72)
```
#bc5c2f
```
#bc5c2f rgb(188,92,47)
```

Analogous Color

#2f8fbc
```
#2f8fbc rgb(47,143,188)
```
#bc2f48
```
#bc2f48 rgb(188,47,72)
```
#2fbc5c
```
#2fbc5c rgb(47,188,92)
```

Split Complementary Color

#2f48bc
```
#2f48bc rgb(47,72,188)
```
#bc2f48
```
#bc2f48 rgb(188,47,72)
```
#48bc2f
```
#48bc2f rgb(72,188,47)
```

Triadic Color

#a32fbc
```
#a32fbc rgb(163,47,188)
```
#bc2f48
```
#bc2f48 rgb(188,47,72)
```
#48bc2f
```
#48bc2f rgb(72,188,47)
```
#2fbca3
```
#2fbca3 rgb(47,188,163)
```

Tetradic Color

#7f2031
```
#7f2031 rgb(127,32,49)
```
#932538
```
#932538 rgb(147,37,56)
```
#a82a40
```
#a82a40 rgb(168,42,64)
```
#bc2f48
```
#bc2f48 rgb(188,47,72)
```
#cd3752
```
#cd3752 rgb(205,55,82)
```
#d24c64
```
#d24c64 rgb(210,76,100)
```
#d76075
```
#d76075 rgb(215,96,117)
```

Monochromatic Color

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

#bc2f6b
```
#bc2f6b rgb(188,47,107)
```
#bc2f60
```
#bc2f60 rgb(188,47,96)
```
#bc2f54
```
#bc2f54 rgb(188,47,84)
```
#bc2f48
```
#bc2f48 rgb(188,47,72)
```
#bc2f3c
```
#bc2f3c rgb(188,47,60)
```
#bc2f31
```
#bc2f31 rgb(188,47,49)
```
#bc392f
```
#bc392f rgb(188,57,47)
```

Similar Colors

Text with hexadecimal color #bc2f48

This text has a font color of #bc2f48.

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

#bc2f48 background color

This paragraph has a background color of #bc2f48.

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

#bc2f48 border color

This element has a border color of #bc2f48.

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

CSS codes

.text {color:#bc2f48;}

.background {background-color:#bc2f48;}

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

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, #0f0406 is the darkest color, while #ffffff is the lightest one.

#0f0406
```
#0f0406 rgb(15,4,6)
```
#1f080c
```
#1f080c rgb(31,8,12)
```
#2f0c12
```
#2f0c12 rgb(47,12,18)
```
#3e1018
```
#3e1018 rgb(62,16,24)
```
#4e141e
```
#4e141e rgb(78,20,30)
```
#5e1724
```
#5e1724 rgb(94,23,36)
```
#6e1b2a
```
#6e1b2a rgb(110,27,42)
```
#7d1f30
```
#7d1f30 rgb(125,31,48)
```
#8d2336
```
#8d2336 rgb(141,35,54)
```
#9d273c
```
#9d273c rgb(157,39,60)
```
#ac2b42
```
#ac2b42 rgb(172,43,66)
```
#bc2f48
```
#bc2f48 rgb(188,47,72)
```
#cc334e
```
#cc334e rgb(204,51,78)
```

Shade Color Variation

#d0425b
```
#d0425b rgb(208,66,91)
```
#d45269
```
#d45269 rgb(212,82,105)
```
#d86277
```
#d86277 rgb(216,98,119)
```
#dc7184
```
#dc7184 rgb(220,113,132)
```
#e08192
```
#e08192 rgb(224,129,146)
```
#e3919f
```
#e3919f rgb(227,145,159)
```
#e7a1ad
```
#e7a1ad rgb(231,161,173)
```
#ebb0bb
```
#ebb0bb rgb(235,176,187)
```
#efc0c8
```
#efc0c8 rgb(239,192,200)
```
#f3d0d6
```
#f3d0d6 rgb(243,208,214)
```
#f7dfe4
```
#f7dfe4 rgb(247,223,228)
```
#fbeff1
```
#fbeff1 rgb(251,239,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d6e71
```
#7d6e71 rgb(125,110,113)
```
#86656b
```
#86656b rgb(134,101,107)
```
#8f5c65
```
#8f5c65 rgb(143,92,101)
```
#98535f
```
#98535f rgb(152,83,95)
```
#a14a5a
```
#a14a5a rgb(161,74,90)
```
#aa4154
```
#aa4154 rgb(170,65,84)
```
#b3384e
```
#b3384e rgb(179,56,78)
```
#bc2f48
```
#bc2f48 rgb(188,47,72)
```
#c52642
```
#c52642 rgb(197,38,66)
```
#ce1d3c
```
#ce1d3c rgb(206,29,60)
```
#d71437
```
#d71437 rgb(215,20,55)
```
#e00b31
```
#e00b31 rgb(224,11,49)
```
#e9022b
```
#e9022b rgb(233,2,43)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f5358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716d65 Protanopia 1% of men
#836948 Deuteranopia 1% of men
#be3d40 Tritanopia 0.001% of the population

Trichromacy

#8c565a Protanomaly 1% of men, 0.01% of women
#975348 Deuteranomaly 6% of men, 0.4% of women
#bd3842 Tritanomaly 0.01% of the population

#bc2f48 hex color

#bc2f48 Color Information

#bc2f48 Color Conversion

Color Schemes with #bc2f48

Alternatives to #bc2f48

#bc2f48 Preview

Shades and Tints of #bc2f48

Tones of #bc2f48

Color Blindness Simulator