#bb4575 hex color

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

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

● #bb4575 color description : Moderate pink.

The hexadecimal color #bb4575 has RGB values of R:187, G:69, B:117 and CMYK values of C:0, M:0.63, Y:0.37, K:0.27. Its decimal value is 12273013.

Hex triplet	bb4575	`#bb4575`
RGB Decimal	187, 69, 117	`rgb(187,69,117)`
RGB Percent	73.3, 27.1, 45.9	`rgb(73.3%,27.1%,45.9%)`
CMYK	0, 63, 37, 27
HSL	335.6°, 46.5, 50.2	`hsl(335.6,46.5%,50.2%)`
HSV (or HSB)	335.6°, 63.1, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.115, 51.829, -2.107
XYZ	25.833, 16.108, 18.577
xyY	0.427, 0.266, 16.108
CIE-LCH	47.115, 51.872, 357.672
CIE-LUV	47.115, 74.661, -12.107
Hunter-Lab	40.134, 44.658, 0.65
Binary	10111011, 01000101, 01110101

#bb4575
```
#bb4575 rgb(187,69,117)
```
#45bb8b
```
#45bb8b rgb(69,187,139)
```

Complementary Color

#bb45b0
```
#bb45b0 rgb(187,69,176)
```
#bb4575
```
#bb4575 rgb(187,69,117)
```
#bb5045
```
#bb5045 rgb(187,80,69)
```

Analogous Color

#45b0bb
```
#45b0bb rgb(69,176,187)
```
#bb4575
```
#bb4575 rgb(187,69,117)
```
#45bb50
```
#45bb50 rgb(69,187,80)
```

Split Complementary Color

#4575bb
```
#4575bb rgb(69,117,187)
```
#bb4575
```
#bb4575 rgb(187,69,117)
```
#75bb45
```
#75bb45 rgb(117,187,69)
```

Triadic Color

#8b45bb
```
#8b45bb rgb(139,69,187)
```
#bb4575
```
#bb4575 rgb(187,69,117)
```
#75bb45
```
#75bb45 rgb(117,187,69)
```
#45bb8b
```
#45bb8b rgb(69,187,139)
```

Tetradic Color

#833052
```
#833052 rgb(131,48,82)
```
#96375e
```
#96375e rgb(150,55,94)
```
#a93e69
```
#a93e69 rgb(169,62,105)
```
#bb4575
```
#bb4575 rgb(187,69,117)
```
#c25883
```
#c25883 rgb(194,88,131)
```
#c96a91
```
#c96a91 rgb(201,106,145)
```
#cf7d9f
```
#cf7d9f rgb(207,125,159)
```

Monochromatic Color

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

#bb4593
```
#bb4593 rgb(187,69,147)
```
#bb4589
```
#bb4589 rgb(187,69,137)
```
#bb457f
```
#bb457f rgb(187,69,127)
```
#bb4575
```
#bb4575 rgb(187,69,117)
```
#bb456b
```
#bb456b rgb(187,69,107)
```
#bb4561
```
#bb4561 rgb(187,69,97)
```
#bb4558
```
#bb4558 rgb(187,69,88)
```

Similar Colors

Text with hexadecimal color #bb4575

This text has a font color of #bb4575.

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

#bb4575 background color

This paragraph has a background color of #bb4575.

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

#bb4575 border color

This element has a border color of #bb4575.

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

CSS codes

.text {color:#bb4575;}

.background {background-color:#bb4575;}

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

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)
```
#0f0609
```
#0f0609 rgb(15,6,9)
```
#1d0b12
```
#1d0b12 rgb(29,11,18)
```
#2c101b
```
#2c101b rgb(44,16,27)
```
#3a1524
```
#3a1524 rgb(58,21,36)
```
#491b2d
```
#491b2d rgb(73,27,45)
```
#572036
```
#572036 rgb(87,32,54)
```
#65253f
```
#65253f rgb(101,37,63)
```
#742a48
```
#742a48 rgb(116,42,72)
```
#823051
```
#823051 rgb(130,48,81)
```
#90355a
```
#90355a rgb(144,53,90)
```
#9f3a63
```
#9f3a63 rgb(159,58,99)
```
#ad3f6c
```
#ad3f6c rgb(173,63,108)
```

Shade Color Variation

#bb4575
```
#bb4575 rgb(187,69,117)
```
#c05380
```
#c05380 rgb(192,83,128)
```
#c6628a
```
#c6628a rgb(198,98,138)
```
#cb7095
```
#cb7095 rgb(203,112,149)
```
#d07ea0
```
#d07ea0 rgb(208,126,160)
```
#d58daa
```
#d58daa rgb(213,141,170)
```
#db9bb5
```
#db9bb5 rgb(219,155,181)
```
#e0aac0
```
#e0aac0 rgb(224,170,192)
```
#e5b8ca
```
#e5b8ca rgb(229,184,202)
```
#eac6d5
```
#eac6d5 rgb(234,198,213)
```
#f0d5e0
```
#f0d5e0 rgb(240,213,224)
```
#f5e3ea
```
#f5e3ea rgb(245,227,234)
```
#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 #f60a6a is the most saturated one.

#808080
```
#808080 rgb(128,128,128)
```
#8a767e
```
#8a767e rgb(138,118,126)
```
#946c7c
```
#946c7c rgb(148,108,124)
```
#9e627a
```
#9e627a rgb(158,98,122)
```
#a75979
```
#a75979 rgb(167,89,121)
```
#b14f77
```
#b14f77 rgb(177,79,119)
```
#bb4575
```
#bb4575 rgb(187,69,117)
```
#c53b73
```
#c53b73 rgb(197,59,115)
```
#cf3171
```
#cf3171 rgb(207,49,113)
```
#d82870
```
#d82870 rgb(216,40,112)
```
#e21e6e
```
#e21e6e rgb(226,30,110)
```
#ec146c
```
#ec146c rgb(236,20,108)
```
#f60a6a
```
#f60a6a rgb(246,10,106)
```

Tone Color Variation

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

Dichromacy

#707691 Protanopia 1% of men
#837373 Deuteranopia 1% of men
#bb565b Tritanopia 0.001% of the population

Trichromacy

#8b6487 Protanomaly 1% of men, 0.01% of women
#976274 Deuteranomaly 6% of men, 0.4% of women
#bb4f64 Tritanomaly 0.01% of the population

#bb4575 hex color

#bb4575 Color Information

#bb4575 Color Conversion

Color Schemes with #bb4575

Alternatives to #bb4575

#bb4575 Preview

Shades and Tints of #bb4575

Tones of #bb4575

Color Blindness Simulator