#bb277f hex color

In a RGB color space, hex #bb277f is composed of 73.3% red, 15.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.1% magenta, 32.1% yellow and 26.7% black. It has a hue angle of 324.3 degrees, a saturation of 65.5% and a lightness of 44.3%. #bb277f color hex could be obtained by blending #ff4efe with #770000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 15
- B 50
RGB color chart
- C 0
- M 79
- Y 32
- K 27
CMYK color chart

● #bb277f color description : Strong pink.

The hexadecimal color #bb277f has RGB values of R:187, G:39, B:127 and CMYK values of C:0, M:0.79, Y:0.32, K:0.27. Its decimal value is 12265343.

Hex triplet	bb277f	`#bb277f`
RGB Decimal	187, 39, 127	`rgb(187,39,127)`
RGB Percent	73.3, 15.3, 49.8	`rgb(73.3%,15.3%,49.8%)`
CMYK	0, 79, 32, 27
HSL	324.3°, 65.5, 44.3	`hsl(324.3,65.5%,44.3%)`
HSV (or HSB)	324.3°, 79.1, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.581, 63.757, -13.509
XYZ	25.05, 13.551, 21.374
xyY	0.418, 0.226, 13.551
CIE-LCH	43.581, 65.173, 348.037
CIE-LUV	43.581, 82.043, -29.063
Hunter-Lab	36.811, 57.051, -8.658
Binary	10111011, 00100111, 01111111

#bb277f
```
#bb277f rgb(187,39,127)
```
#27bb63
```
#27bb63 rgb(39,187,99)
```

Complementary Color

#ad27bb
```
#ad27bb rgb(173,39,187)
```
#bb277f
```
#bb277f rgb(187,39,127)
```
#bb2735
```
#bb2735 rgb(187,39,53)
```

Analogous Color

#27bbad
```
#27bbad rgb(39,187,173)
```
#bb277f
```
#bb277f rgb(187,39,127)
```
#35bb27
```
#35bb27 rgb(53,187,39)
```

Split Complementary Color

#277fbb
```
#277fbb rgb(39,127,187)
```
#bb277f
```
#bb277f rgb(187,39,127)
```
#7fbb27
```
#7fbb27 rgb(127,187,39)
```

Triadic Color

#6327bb
```
#6327bb rgb(99,39,187)
```
#bb277f
```
#bb277f rgb(187,39,127)
```
#7fbb27
```
#7fbb27 rgb(127,187,39)
```
#27bb63
```
#27bb63 rgb(39,187,99)
```

Tetradic Color

#7c1a54
```
#7c1a54 rgb(124,26,84)
```
#911e62
```
#911e62 rgb(145,30,98)
```
#a62371
```
#a62371 rgb(166,35,113)
```
#bb277f
```
#bb277f rgb(187,39,127)
```
#d02b8d
```
#d02b8d rgb(208,43,141)
```
#d73e99
```
#d73e99 rgb(215,62,153)
```
#db53a4
```
#db53a4 rgb(219,83,164)
```

Monochromatic Color

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

#bb27a4
```
#bb27a4 rgb(187,39,164)
```
#bb2798
```
#bb2798 rgb(187,39,152)
```
#bb278b
```
#bb278b rgb(187,39,139)
```
#bb277f
```
#bb277f rgb(187,39,127)
```
#bb2773
```
#bb2773 rgb(187,39,115)
```
#bb2766
```
#bb2766 rgb(187,39,102)
```
#bb275a
```
#bb275a rgb(187,39,90)
```

Similar Colors

Text with hexadecimal color #bb277f

This text has a font color of #bb277f.

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

#bb277f background color

This paragraph has a background color of #bb277f.

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

#bb277f border color

This element has a border color of #bb277f.

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

CSS codes

.text {color:#bb277f;}

.background {background-color:#bb277f;}

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

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

#080206
```
#080206 rgb(8,2,6)
```
#190511
```
#190511 rgb(25,5,17)
```
#29091c
```
#29091c rgb(41,9,28)
```
#390c27
```
#390c27 rgb(57,12,39)
```
#490f32
```
#490f32 rgb(73,15,50)
```
#5a133d
```
#5a133d rgb(90,19,61)
```
#6a1648
```
#6a1648 rgb(106,22,72)
```
#7a1953
```
#7a1953 rgb(122,25,83)
```
#8a1d5e
```
#8a1d5e rgb(138,29,94)
```
#9b2069
```
#9b2069 rgb(155,32,105)
```
#ab2474
```
#ab2474 rgb(171,36,116)
```
#bb277f
```
#bb277f rgb(187,39,127)
```
#cb2a8a
```
#cb2a8a rgb(203,42,138)
```

Shade Color Variation

#d53494
```
#d53494 rgb(213,52,148)
```
#d8459c
```
#d8459c rgb(216,69,156)
```
#dc55a5
```
#dc55a5 rgb(220,85,165)
```
#df65ae
```
#df65ae rgb(223,101,174)
```
#e275b6
```
#e275b6 rgb(226,117,182)
```
#e686bf
```
#e686bf rgb(230,134,191)
```
#e996c7
```
#e996c7 rgb(233,150,199)
```
#eca6d0
```
#eca6d0 rgb(236,166,208)
```
#f0b6d9
```
#f0b6d9 rgb(240,182,217)
```
#f3c7e1
```
#f3c7e1 rgb(243,199,225)
```
#f7d7ea
```
#f7d7ea rgb(247,215,234)
```
#fae7f2
```
#fae7f2 rgb(250,231,242)
```
#fdf7fb
```
#fdf7fb rgb(253,247,251)
```

Tint Color Variation

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

#756d72
```
#756d72 rgb(117,109,114)
```
#7e6473
```
#7e6473 rgb(126,100,115)
```
#875b75
```
#875b75 rgb(135,91,117)
```
#905277
```
#905277 rgb(144,82,119)
```
#984a78
```
#984a78 rgb(152,74,120)
```
#a1417a
```
#a1417a rgb(161,65,122)
```
#aa387c
```
#aa387c rgb(170,56,124)
```
#b2307d
```
#b2307d rgb(178,48,125)
```
#bb277f
```
#bb277f rgb(187,39,127)
```
#c41e81
```
#c41e81 rgb(196,30,129)
```
#cc1682
```
#cc1682 rgb(204,22,130)
```
#d50d84
```
#d50d84 rgb(213,13,132)
```
#de0486
```
#de0486 rgb(222,4,134)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#705264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#566ca8 Protanopia 1% of men
#736c7a Deuteranopia 1% of men
#b94649 Tritanopia 0.001% of the population

Trichromacy

#7b5399 Protanomaly 1% of men, 0.01% of women
#8d527b Deuteranomaly 6% of men, 0.4% of women
#ba3a5d Tritanomaly 0.01% of the population

#bb277f hex color

#bb277f Color Information

#bb277f Color Conversion

Color Schemes with #bb277f

Alternatives to #bb277f

#bb277f Preview

Shades and Tints of #bb277f

Tones of #bb277f

Color Blindness Simulator