colorhexa.com

#bb4063 hex color

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

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

● #bb4063 color description : Moderate pink.

The hexadecimal color #bb4063 has RGB values of R:187, G:64, B:99 and CMYK values of C:0, M:0.66, Y:0.47, K:0.27. Its decimal value is 12271715.

Hex triplet	bb4063	`#bb4063`
RGB Decimal	187, 64, 99	`rgb(187,64,99)`
RGB Percent	73.3, 25.1, 38.8	`rgb(73.3%,25.1%,38.8%)`
CMYK	0, 66, 47, 27
HSL	342.9°, 49, 49.2	`hsl(342.9,49%,49.2%)`
HSV (or HSB)	342.9°, 65.8, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.818, 52.095, 7.025
XYZ	24.58, 15.135, 13.431
xyY	0.463, 0.285, 15.135
CIE-LCH	45.818, 52.567, 7.68
CIE-LUV	45.818, 82.788, -1.002
Hunter-Lab	38.904, 44.697, 6.764
Binary	10111011, 01000000, 01100011

#bb4063
```
#bb4063 rgb(187,64,99)
```
#40bb98
```
#40bb98 rgb(64,187,152)
```

Complementary Color

#bb40a1
```
#bb40a1 rgb(187,64,161)
```
#bb4063
```
#bb4063 rgb(187,64,99)
```
#bb5b40
```
#bb5b40 rgb(187,91,64)
```

Analogous Color

#40a1bb
```
#40a1bb rgb(64,161,187)
```
#bb4063
```
#bb4063 rgb(187,64,99)
```
#40bb5b
```
#40bb5b rgb(64,187,91)
```

Split Complementary Color

#4063bb
```
#4063bb rgb(64,99,187)
```
#bb4063
```
#bb4063 rgb(187,64,99)
```
#63bb40
```
#63bb40 rgb(99,187,64)
```

Triadic Color

#9840bb
```
#9840bb rgb(152,64,187)
```
#bb4063
```
#bb4063 rgb(187,64,99)
```
#63bb40
```
#63bb40 rgb(99,187,64)
```
#40bb98
```
#40bb98 rgb(64,187,152)
```

Tetradic Color

#822c45
```
#822c45 rgb(130,44,69)
```
#95334f
```
#95334f rgb(149,51,79)
```
#a83959
```
#a83959 rgb(168,57,89)
```
#bb4063
```
#bb4063 rgb(187,64,99)
```
#c35172
```
#c35172 rgb(195,81,114)
```
#ca6481
```
#ca6481 rgb(202,100,129)
```
#d07790
```
#d07790 rgb(208,119,144)
```

Monochromatic Color

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

#bb4082
```
#bb4082 rgb(187,64,130)
```
#bb4078
```
#bb4078 rgb(187,64,120)
```
#bb406d
```
#bb406d rgb(187,64,109)
```
#bb4063
```
#bb4063 rgb(187,64,99)
```
#bb4059
```
#bb4059 rgb(187,64,89)
```
#bb404e
```
#bb404e rgb(187,64,78)
```
#bb4044
```
#bb4044 rgb(187,64,68)
```

Similar Colors

Text with hexadecimal color #bb4063

This text has a font color of #bb4063.

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

#bb4063 background color

This paragraph has a background color of #bb4063.

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

#bb4063 border color

This element has a border color of #bb4063.

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

CSS codes

.text {color:#bb4063;}

.background {background-color:#bb4063;}

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

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

#0c0406
```
#0c0406 rgb(12,4,6)
```
#1a090e
```
#1a090e rgb(26,9,14)
```
#290e16
```
#290e16 rgb(41,14,22)
```
#37131d
```
#37131d rgb(55,19,29)
```
#461825
```
#461825 rgb(70,24,37)
```
#551d2d
```
#551d2d rgb(85,29,45)
```
#632235
```
#632235 rgb(99,34,53)
```
#72273c
```
#72273c rgb(114,39,60)
```
#812c44
```
#812c44 rgb(129,44,68)
```
#8f314c
```
#8f314c rgb(143,49,76)
```
#9e3654
```
#9e3654 rgb(158,54,84)
```
#ac3b5b
```
#ac3b5b rgb(172,59,91)
```
#bb4063
```
#bb4063 rgb(187,64,99)
```

Shade Color Variation

#c24d6e
```
#c24d6e rgb(194,77,110)
```
#c75b7a
```
#c75b7a rgb(199,91,122)
```
#cc6a86
```
#cc6a86 rgb(204,106,134)
```
#d17892
```
#d17892 rgb(209,120,146)
```
#d6879e
```
#d6879e rgb(214,135,158)
```
#db96a9
```
#db96a9 rgb(219,150,169)
```
#e0a4b5
```
#e0a4b5 rgb(224,164,181)
```
#e5b3c1
```
#e5b3c1 rgb(229,179,193)
```
#eac2cd
```
#eac2cd rgb(234,194,205)
```
#efd0d9
```
#efd0d9 rgb(239,208,217)
```
#f4dfe5
```
#f4dfe5 rgb(244,223,229)
```
#f9edf1
```
#f9edf1 rgb(249,237,241)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#817a7c
```
#817a7c rgb(129,122,124)
```
#8b7078
```
#8b7078 rgb(139,112,120)
```
#946774
```
#946774 rgb(148,103,116)
```
#9e5d6f
```
#9e5d6f rgb(158,93,111)
```
#a8536b
```
#a8536b rgb(168,83,107)
```
#b14a67
```
#b14a67 rgb(177,74,103)
```
#bb4063
```
#bb4063 rgb(187,64,99)
```
#c5365f
```
#c5365f rgb(197,54,95)
```
#ce2d5b
```
#ce2d5b rgb(206,45,91)
```
#d82357
```
#d82357 rgb(216,35,87)
```
#e21952
```
#e21952 rgb(226,25,82)
```
#eb104e
```
#eb104e rgb(235,16,78)
```
#f5064a
```
#f5064a rgb(245,6,74)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#796168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72737f Protanopia 1% of men
#856f62 Deuteranopia 1% of men
#bc4e53 Tritanopia 0.001% of the population

Trichromacy

#8c6075 Protanomaly 1% of men, 0.01% of women
#985e62 Deuteranomaly 6% of men, 0.4% of women
#bc4959 Tritanomaly 0.01% of the population