colorhexa.com

#bb5060 hex color

In a RGB color space, hex #bb5060 is composed of 73.3% red, 31.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.2% magenta, 48.7% yellow and 26.7% black. It has a hue angle of 351 degrees, a saturation of 44% and a lightness of 52.4%. #bb5060 color hex could be obtained by blending #ffa0c0 with #770000. Closest websafe color is: #cc6666.

- R 73
- G 31
- B 38
RGB color chart
- C 0
- M 57
- Y 49
- K 27
CMYK color chart

● #bb5060 color description : Moderate red.

The hexadecimal color #bb5060 has RGB values of R:187, G:80, B:96 and CMYK values of C:0, M:0.57, Y:0.49, K:0.27. Its decimal value is 12275808.

Hex triplet	bb5060	`#bb5060`
RGB Decimal	187, 80, 96	`rgb(187,80,96)`
RGB Percent	73.3, 31.4, 37.6	`rgb(73.3%,31.4%,37.6%)`
CMYK	0, 57, 49, 27
HSL	351°, 44, 52.4	`hsl(351,44%,52.4%)`
HSV (or HSB)	351°, 57.2, 73.3
Web Safe	cc6666	`#cc6666`

CIE-LAB	48.447, 44.582, 12.547
XYZ	25.474, 17.149, 13.034
xyY	0.458, 0.308, 17.149
CIE-LCH	48.447, 46.314, 15.719
CIE-LUV	48.447, 74.818, 7.094
Hunter-Lab	41.411, 37.334, 10.326
Binary	10111011, 01010000, 01100000

#bb5060
```
#bb5060 rgb(187,80,96)
```
#50bbab
```
#50bbab rgb(80,187,171)
```

Complementary Color

#bb5096
```
#bb5096 rgb(187,80,150)
```
#bb5060
```
#bb5060 rgb(187,80,96)
```
#bb7650
```
#bb7650 rgb(187,118,80)
```

Analogous Color

#5096bb
```
#5096bb rgb(80,150,187)
```
#bb5060
```
#bb5060 rgb(187,80,96)
```
#50bb76
```
#50bb76 rgb(80,187,118)
```

Split Complementary Color

#5060bb
```
#5060bb rgb(80,96,187)
```
#bb5060
```
#bb5060 rgb(187,80,96)
```
#60bb50
```
#60bb50 rgb(96,187,80)
```

Triadic Color

#ab50bb
```
#ab50bb rgb(171,80,187)
```
#bb5060
```
#bb5060 rgb(187,80,96)
```
#60bb50
```
#60bb50 rgb(96,187,80)
```
#50bbab
```
#50bbab rgb(80,187,171)
```

Tetradic Color

#893542
```
#893542 rgb(137,53,66)
```
#9c3c4b
```
#9c3c4b rgb(156,60,75)
```
#ae4453
```
#ae4453 rgb(174,68,83)
```
#bb5060
```
#bb5060 rgb(187,80,96)
```
#c26271
```
#c26271 rgb(194,98,113)
```
#c97581
```
#c97581 rgb(201,117,129)
```
#d08792
```
#d08792 rgb(208,135,146)
```

Monochromatic Color

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

#bb507b
```
#bb507b rgb(187,80,123)
```
#bb5072
```
#bb5072 rgb(187,80,114)
```
#bb5069
```
#bb5069 rgb(187,80,105)
```
#bb5060
```
#bb5060 rgb(187,80,96)
```
#bb5057
```
#bb5057 rgb(187,80,87)
```
#bb5250
```
#bb5250 rgb(187,82,80)
```
#bb5b50
```
#bb5b50 rgb(187,91,80)
```

Similar Colors

Text with hexadecimal color #bb5060

This text has a font color of #bb5060.

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

#bb5060 background color

This paragraph has a background color of #bb5060.

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

#bb5060 border color

This element has a border color of #bb5060.

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

CSS codes

.text {color:#bb5060;}

.background {background-color:#bb5060;}

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

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

#090304
```
#090304 rgb(9,3,4)
```
#17090b
```
#17090b rgb(23,9,11)
```
#250e12
```
#250e12 rgb(37,14,18)
```
#331418
```
#331418 rgb(51,20,24)
```
#41191f
```
#41191f rgb(65,25,31)
```
#4f1f26
```
#4f1f26 rgb(79,31,38)
```
#5d242d
```
#5d242d rgb(93,36,45)
```
#6c2a34
```
#6c2a34 rgb(108,42,52)
```
#7a2f3a
```
#7a2f3a rgb(122,47,58)
```
#883541
```
#883541 rgb(136,53,65)
```
#963a48
```
#963a48 rgb(150,58,72)
```
#a4404f
```
#a4404f rgb(164,64,79)
```
#b24556
```
#b24556 rgb(178,69,86)
```

Shade Color Variation

#bb5060
```
#bb5060 rgb(187,80,96)
```
#c05e6d
```
#c05e6d rgb(192,94,109)
```
#c66c7a
```
#c66c7a rgb(198,108,122)
```
#cb7a87
```
#cb7a87 rgb(203,122,135)
```
#d18993
```
#d18993 rgb(209,137,147)
```
#d697a0
```
#d697a0 rgb(214,151,160)
```
#dca5ad
```
#dca5ad rgb(220,165,173)
```
#e1b3ba
```
#e1b3ba rgb(225,179,186)
```
#e7c1c7
```
#e7c1c7 rgb(231,193,199)
```
#eccfd4
```
#eccfd4 rgb(236,207,212)
```
#f2dde0
```
#f2dde0 rgb(242,221,224)
```
#f7ebed
```
#f7ebed rgb(247,235,237)
```
#fdfafa
```
#fdfafa rgb(253,250,250)
```

Tint Color Variation

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

#8c7f81
```
#8c7f81 rgb(140,127,129)
```
#96757a
```
#96757a rgb(150,117,122)
```
#9f6c74
```
#9f6c74 rgb(159,108,116)
```
#a8636d
```
#a8636d rgb(168,99,109)
```
#b25967
```
#b25967 rgb(178,89,103)
```
#bb5060
```
#bb5060 rgb(187,80,96)
```
#c44759
```
#c44759 rgb(196,71,89)
```
#ce3d53
```
#ce3d53 rgb(206,61,83)
```
#d7344c
```
#d7344c rgb(215,52,76)
```
#e02b46
```
#e02b46 rgb(224,43,70)
```
#ea213f
```
#ea213f rgb(234,33,63)
```
#f31839
```
#f31839 rgb(243,24,57)
```
#fc0f32
```
#fc0f32 rgb(252,15,50)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#816b6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7977 Protanopia 1% of men
#8e7561 Deuteranopia 1% of men
#bd5a60 Tritanopia 0.001% of the population

Trichromacy

#936a6e Protanomaly 1% of men, 0.01% of women
#9e6861 Deuteranomaly 6% of men, 0.4% of women
#bc5660 Tritanomaly 0.01% of the population