#bb457b hex color

In a RGB color space, hex #bb457b is composed of 73.3% red, 27.1% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 34.2% yellow and 26.7% black. It has a hue angle of 332.5 degrees, a saturation of 46.5% and a lightness of 50.2%. #bb457b color hex could be obtained by blending #ff8af6 with #770000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 27
- B 48
RGB color chart
- C 0
- M 63
- Y 34
- K 27
CMYK color chart

● #bb457b color description : Moderate pink.

The hexadecimal color #bb457b has RGB values of R:187, G:69, B:123 and CMYK values of C:0, M:0.63, Y:0.34, K:0.27. Its decimal value is 12273019.

Hex triplet	bb457b	`#bb457b`
RGB Decimal	187, 69, 123	`rgb(187,69,123)`
RGB Percent	73.3, 27.1, 48.2	`rgb(73.3%,27.1%,48.2%)`
CMYK	0, 63, 34, 27
HSL	332.5°, 46.5, 50.2	`hsl(332.5,46.5%,50.2%)`
HSV (or HSB)	332.5°, 63.1, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.305, 52.526, -5.474
XYZ	26.197, 16.253, 20.495
xyY	0.416, 0.258, 16.253
CIE-LCH	47.305, 52.811, 354.051
CIE-LUV	47.305, 72.738, -16.633
Hunter-Lab	40.315, 45.438, -1.921
Binary	10111011, 01000101, 01111011

#bb457b
```
#bb457b rgb(187,69,123)
```
#45bb85
```
#45bb85 rgb(69,187,133)
```

Complementary Color

#bb45b6
```
#bb45b6 rgb(187,69,182)
```
#bb457b
```
#bb457b rgb(187,69,123)
```
#bb4a45
```
#bb4a45 rgb(187,74,69)
```

Analogous Color

#45b6bb
```
#45b6bb rgb(69,182,187)
```
#bb457b
```
#bb457b rgb(187,69,123)
```
#45bb4a
```
#45bb4a rgb(69,187,74)
```

Split Complementary Color

#457bbb
```
#457bbb rgb(69,123,187)
```
#bb457b
```
#bb457b rgb(187,69,123)
```
#7bbb45
```
#7bbb45 rgb(123,187,69)
```

Triadic Color

#8545bb
```
#8545bb rgb(133,69,187)
```
#bb457b
```
#bb457b rgb(187,69,123)
```
#7bbb45
```
#7bbb45 rgb(123,187,69)
```
#45bb85
```
#45bb85 rgb(69,187,133)
```

Tetradic Color

#833056
```
#833056 rgb(131,48,86)
```
#963762
```
#963762 rgb(150,55,98)
```
#a93e6f
```
#a93e6f rgb(169,62,111)
```
#bb457b
```
#bb457b rgb(187,69,123)
```
#c25888
```
#c25888 rgb(194,88,136)
```
#c96a96
```
#c96a96 rgb(201,106,150)
```
#cf7da3
```
#cf7da3 rgb(207,125,163)
```

Monochromatic Color

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

#bb4599
```
#bb4599 rgb(187,69,153)
```
#bb458f
```
#bb458f rgb(187,69,143)
```
#bb4585
```
#bb4585 rgb(187,69,133)
```
#bb457b
```
#bb457b rgb(187,69,123)
```
#bb4571
```
#bb4571 rgb(187,69,113)
```
#bb4567
```
#bb4567 rgb(187,69,103)
```
#bb455e
```
#bb455e rgb(187,69,94)
```

Similar Colors

Text with hexadecimal color #bb457b

This text has a font color of #bb457b.

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

#bb457b background color

This paragraph has a background color of #bb457b.

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

#bb457b border color

This element has a border color of #bb457b.

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

CSS codes

.text {color:#bb457b;}

.background {background-color:#bb457b;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0f060a
```
#0f060a rgb(15,6,10)
```
#1d0b13
```
#1d0b13 rgb(29,11,19)
```
#2c101d
```
#2c101d rgb(44,16,29)
```
#3a1526
```
#3a1526 rgb(58,21,38)
```
#491b30
```
#491b30 rgb(73,27,48)
```
#572039
```
#572039 rgb(87,32,57)
```
#652542
```
#652542 rgb(101,37,66)
```
#742a4c
```
#742a4c rgb(116,42,76)
```
#823055
```
#823055 rgb(130,48,85)
```
#90355f
```
#90355f rgb(144,53,95)
```
#9f3a68
```
#9f3a68 rgb(159,58,104)
```
#ad3f72
```
#ad3f72 rgb(173,63,114)
```

Shade Color Variation

#bb457b
```
#bb457b rgb(187,69,123)
```
#c05385
```
#c05385 rgb(192,83,133)
```
#c6628f
```
#c6628f rgb(198,98,143)
```
#cb709a
```
#cb709a rgb(203,112,154)
```
#d07ea4
```
#d07ea4 rgb(208,126,164)
```
#d58dae
```
#d58dae rgb(213,141,174)
```
#db9bb8
```
#db9bb8 rgb(219,155,184)
```
#e0aac2
```
#e0aac2 rgb(224,170,194)
```
#e5b8cd
```
#e5b8cd rgb(229,184,205)
```
#eac6d7
```
#eac6d7 rgb(234,198,215)
```
#f0d5e1
```
#f0d5e1 rgb(240,213,225)
```
#f5e3eb
```
#f5e3eb rgb(245,227,235)
```
#faf1f5
```
#faf1f5 rgb(250,241,245)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#8a767f
```
#8a767f rgb(138,118,127)
```
#946c7e
```
#946c7e rgb(148,108,126)
```
#9e627d
```
#9e627d rgb(158,98,125)
```
#a7597d
```
#a7597d rgb(167,89,125)
```
#b14f7c
```
#b14f7c rgb(177,79,124)
```
#bb457b
```
#bb457b rgb(187,69,123)
```
#c53b7a
```
#c53b7a rgb(197,59,122)
```
#cf3179
```
#cf3179 rgb(207,49,121)
```
#d82879
```
#d82879 rgb(216,40,121)
```
#e21e78
```
#e21e78 rgb(226,30,120)
```
#ec1477
```
#ec1477 rgb(236,20,119)
```
#f60a76
```
#f60a76 rgb(246,10,118)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7d6671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7698 Protanopia 1% of men
#817479 Deuteranopia 1% of men
#bb575c Tritanopia 0.001% of the population

Trichromacy

#89648d Protanomaly 1% of men, 0.01% of women
#966379 Deuteranomaly 6% of men, 0.4% of women
#bb5067 Tritanomaly 0.01% of the population

#bb457b hex color

#bb457b Color Information

#bb457b Color Conversion

Color Schemes with #bb457b

Alternatives to #bb457b

#bb457b Preview

Shades and Tints of #bb457b

Tones of #bb457b

Color Blindness Simulator