colorhexa.com

#bb4058 hex color

In a RGB color space, hex #bb4058 is composed of 73.3% red, 25.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.8% magenta, 52.9% yellow and 26.7% black. It has a hue angle of 348.3 degrees, a saturation of 49% and a lightness of 49.2%. #bb4058 color hex could be obtained by blending #ff80b0 with #770000. Closest websafe color is: #cc3366.

- R 73
- G 25
- B 35
RGB color chart
- C 0
- M 66
- Y 53
- K 27
CMYK color chart

● #bb4058 color description : Moderate red.

The hexadecimal color #bb4058 has RGB values of R:187, G:64, B:88 and CMYK values of C:0, M:0.66, Y:0.53, K:0.27. Its decimal value is 12271704.

Hex triplet	bb4058	`#bb4058`
RGB Decimal	187, 64, 88	`rgb(187,64,88)`
RGB Percent	73.3, 25.1, 34.5	`rgb(73.3%,25.1%,34.5%)`
CMYK	0, 66, 53, 27
HSL	348.3°, 49, 49.2	`hsl(348.3,49%,49.2%)`
HSV (or HSB)	348.3°, 65.8, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.55, 51.118, 13.407
XYZ	24.089, 14.939, 10.847
xyY	0.483, 0.3, 14.939
CIE-LCH	45.55, 52.847, 14.696
CIE-LUV	45.55, 86.111, 6.289
Hunter-Lab	38.65, 43.613, 10.416
Binary	10111011, 01000000, 01011000

#bb4058
```
#bb4058 rgb(187,64,88)
```
#40bba3
```
#40bba3 rgb(64,187,163)
```

Complementary Color

#bb4096
```
#bb4096 rgb(187,64,150)
```
#bb4058
```
#bb4058 rgb(187,64,88)
```
#bb6640
```
#bb6640 rgb(187,102,64)
```

Analogous Color

#4096bb
```
#4096bb rgb(64,150,187)
```
#bb4058
```
#bb4058 rgb(187,64,88)
```
#40bb66
```
#40bb66 rgb(64,187,102)
```

Split Complementary Color

#4058bb
```
#4058bb rgb(64,88,187)
```
#bb4058
```
#bb4058 rgb(187,64,88)
```
#58bb40
```
#58bb40 rgb(88,187,64)
```

Triadic Color

#a340bb
```
#a340bb rgb(163,64,187)
```
#bb4058
```
#bb4058 rgb(187,64,88)
```
#58bb40
```
#58bb40 rgb(88,187,64)
```
#40bba3
```
#40bba3 rgb(64,187,163)
```

Tetradic Color

#822c3d
```
#822c3d rgb(130,44,61)
```
#953346
```
#953346 rgb(149,51,70)
```
#a8394f
```
#a8394f rgb(168,57,79)
```
#bb4058
```
#bb4058 rgb(187,64,88)
```
#c35167
```
#c35167 rgb(195,81,103)
```
#ca6478
```
#ca6478 rgb(202,100,120)
```
#d07788
```
#d07788 rgb(208,119,136)
```

Monochromatic Color

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

#bb4077
```
#bb4077 rgb(187,64,119)
```
#bb406d
```
#bb406d rgb(187,64,109)
```
#bb4062
```
#bb4062 rgb(187,64,98)
```
#bb4058
```
#bb4058 rgb(187,64,88)
```
#bb404e
```
#bb404e rgb(187,64,78)
```
#bb4044
```
#bb4044 rgb(187,64,68)
```
#bb4740
```
#bb4740 rgb(187,71,64)
```

Similar Colors

Text with hexadecimal color #bb4058

This text has a font color of #bb4058.

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

#bb4058 background color

This paragraph has a background color of #bb4058.

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

#bb4058 border color

This element has a border color of #bb4058.

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

CSS codes

.text {color:#bb4058;}

.background {background-color:#bb4058;}

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

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

#0c0405
```
#0c0405 rgb(12,4,5)
```
#1a090c
```
#1a090c rgb(26,9,12)
```
#290e13
```
#290e13 rgb(41,14,19)
```
#37131a
```
#37131a rgb(55,19,26)
```
#461821
```
#461821 rgb(70,24,33)
```
#551d28
```
#551d28 rgb(85,29,40)
```
#63222f
```
#63222f rgb(99,34,47)
```
#722736
```
#722736 rgb(114,39,54)
```
#812c3c
```
#812c3c rgb(129,44,60)
```
#8f3143
```
#8f3143 rgb(143,49,67)
```
#9e364a
```
#9e364a rgb(158,54,74)
```
#ac3b51
```
#ac3b51 rgb(172,59,81)
```
#bb4058
```
#bb4058 rgb(187,64,88)
```

Shade Color Variation

#c24d64
```
#c24d64 rgb(194,77,100)
```
#c75b70
```
#c75b70 rgb(199,91,112)
```
#cc6a7d
```
#cc6a7d rgb(204,106,125)
```
#d1788a
```
#d1788a rgb(209,120,138)
```
#d68796
```
#d68796 rgb(214,135,150)
```
#db96a3
```
#db96a3 rgb(219,150,163)
```
#e0a4b0
```
#e0a4b0 rgb(224,164,176)
```
#e5b3bd
```
#e5b3bd rgb(229,179,189)
```
#eac2c9
```
#eac2c9 rgb(234,194,201)
```
#efd0d6
```
#efd0d6 rgb(239,208,214)
```
#f4dfe3
```
#f4dfe3 rgb(244,223,227)
```
#f9edf0
```
#f9edf0 rgb(249,237,240)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#817a7b
```
#817a7b rgb(129,122,123)
```
#8b7075
```
#8b7075 rgb(139,112,117)
```
#946770
```
#946770 rgb(148,103,112)
```
#9e5d6a
```
#9e5d6a rgb(158,93,106)
```
#a85364
```
#a85364 rgb(168,83,100)
```
#b14a5e
```
#b14a5e rgb(177,74,94)
```
#bb4058
```
#bb4058 rgb(187,64,88)
```
#c53652
```
#c53652 rgb(197,54,82)
```
#ce2d4c
```
#ce2d4c rgb(206,45,76)
```
#d82346
```
#d82346 rgb(216,35,70)
```
#e21940
```
#e21940 rgb(226,25,64)
```
#eb103b
```
#eb103b rgb(235,16,59)
```
#f50635
```
#f50635 rgb(245,6,53)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#796065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757273 Protanopia 1% of men
#876f58 Deuteranopia 1% of men
#bd4c51 Tritanopia 0.001% of the population

Trichromacy

#8e6069 Protanomaly 1% of men, 0.01% of women
#9a5d58 Deuteranomaly 6% of men, 0.4% of women
#bc4853 Tritanomaly 0.01% of the population