#bb344a hex color

In a RGB color space, hex #bb344a is composed of 73.3% red, 20.4% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.2% magenta, 60.4% yellow and 26.7% black. It has a hue angle of 350.2 degrees, a saturation of 56.5% and a lightness of 46.9%. #bb344a color hex could be obtained by blending #ff6894 with #770000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 20
- B 29
RGB color chart
- C 0
- M 72
- Y 60
- K 27
CMYK color chart

● #bb344a color description : Moderate red.

The hexadecimal color #bb344a has RGB values of R:187, G:52, B:74 and CMYK values of C:0, M:0.72, Y:0.6, K:0.27. Its decimal value is 12268618.

Hex triplet	bb344a	`#bb344a`
RGB Decimal	187, 52, 74	`rgb(187,52,74)`
RGB Percent	73.3, 20.4, 29	`rgb(73.3%,20.4%,29%)`
CMYK	0, 72, 60, 27
HSL	350.2°, 56.5, 46.9	`hsl(350.2,56.5%,46.9%)`
HSV (or HSB)	350.2°, 72.2, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.533, 54.781, 19.303
XYZ	22.958, 13.518, 7.878
xyY	0.518, 0.305, 13.518
CIE-LCH	43.533, 58.083, 19.41
CIE-LUV	43.533, 96.456, 11.065
Hunter-Lab	36.766, 47.121, 13.032
Binary	10111011, 00110100, 01001010

#bb344a
```
#bb344a rgb(187,52,74)
```
#34bba5
```
#34bba5 rgb(52,187,165)
```

Complementary Color

#bb348e
```
#bb348e rgb(187,52,142)
```
#bb344a
```
#bb344a rgb(187,52,74)
```
#bb6234
```
#bb6234 rgb(187,98,52)
```

Analogous Color

#348ebb
```
#348ebb rgb(52,142,187)
```
#bb344a
```
#bb344a rgb(187,52,74)
```
#34bb62
```
#34bb62 rgb(52,187,98)
```

Split Complementary Color

#344abb
```
#344abb rgb(52,74,187)
```
#bb344a
```
#bb344a rgb(187,52,74)
```
#4abb34
```
#4abb34 rgb(74,187,52)
```

Triadic Color

#a534bb
```
#a534bb rgb(165,52,187)
```
#bb344a
```
#bb344a rgb(187,52,74)
```
#4abb34
```
#4abb34 rgb(74,187,52)
```
#34bba5
```
#34bba5 rgb(52,187,165)
```

Tetradic Color

#7f2332
```
#7f2332 rgb(127,35,50)
```
#93293a
```
#93293a rgb(147,41,58)
```
#a72e42
```
#a72e42 rgb(167,46,66)
```
#bb344a
```
#bb344a rgb(187,52,74)
```
#ca3f56
```
#ca3f56 rgb(202,63,86)
```
#cf5367
```
#cf5367 rgb(207,83,103)
```
#d56779
```
#d56779 rgb(213,103,121)
```

Monochromatic Color

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

#bb346c
```
#bb346c rgb(187,52,108)
```
#bb3460
```
#bb3460 rgb(187,52,96)
```
#bb3455
```
#bb3455 rgb(187,52,85)
```
#bb344a
```
#bb344a rgb(187,52,74)
```
#bb343f
```
#bb343f rgb(187,52,63)
```
#bb3534
```
#bb3534 rgb(187,53,52)
```
#bb4034
```
#bb4034 rgb(187,64,52)
```

Similar Colors

Text with hexadecimal color #bb344a

This text has a font color of #bb344a.

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

#bb344a background color

This paragraph has a background color of #bb344a.

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

#bb344a border color

This element has a border color of #bb344a.

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

CSS codes

.text {color:#bb344a;}

.background {background-color:#bb344a;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120507
```
#120507 rgb(18,5,7)
```
#22090d
```
#22090d rgb(34,9,13)
```
#310e13
```
#310e13 rgb(49,14,19)
```
#401219
```
#401219 rgb(64,18,25)
```
#50161f
```
#50161f rgb(80,22,31)
```
#5f1a26
```
#5f1a26 rgb(95,26,38)
```
#6e1f2c
```
#6e1f2c rgb(110,31,44)
```
#7e2332
```
#7e2332 rgb(126,35,50)
```
#8d2738
```
#8d2738 rgb(141,39,56)
```
#9c2b3e
```
#9c2b3e rgb(156,43,62)
```
#ac3044
```
#ac3044 rgb(172,48,68)
```
#bb344a
```
#bb344a rgb(187,52,74)
```

Shade Color Variation

#c83a51
```
#c83a51 rgb(200,58,81)
```
#cd4a5f
```
#cd4a5f rgb(205,74,95)
```
#d1596d
```
#d1596d rgb(209,89,109)
```
#d5687a
```
#d5687a rgb(213,104,122)
```
#d97888
```
#d97888 rgb(217,120,136)
```
#de8795
```
#de8795 rgb(222,135,149)
```
#e296a3
```
#e296a3 rgb(226,150,163)
```
#e6a6b0
```
#e6a6b0 rgb(230,166,176)
```
#eab5be
```
#eab5be rgb(234,181,190)
```
#efc4cb
```
#efc4cb rgb(239,196,203)
```
#f3d4d9
```
#f3d4d9 rgb(243,212,217)
```
#f7e3e6
```
#f7e3e6 rgb(247,227,230)
```
#fcf2f4
```
#fcf2f4 rgb(252,242,244)
```

Tint Color Variation

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

#7b7475
```
#7b7475 rgb(123,116,117)
```
#846b6f
```
#846b6f rgb(132,107,111)
```
#8d6269
```
#8d6269 rgb(141,98,105)
```
#965963
```
#965963 rgb(150,89,99)
```
#9f505d
```
#9f505d rgb(159,80,93)
```
#a94656
```
#a94656 rgb(169,70,86)
```
#b23d50
```
#b23d50 rgb(178,61,80)
```
#bb344a
```
#bb344a rgb(187,52,74)
```
#c42b44
```
#c42b44 rgb(196,43,68)
```
#cd223e
```
#cd223e rgb(205,34,62)
```
#d71837
```
#d71837 rgb(215,24,55)
```
#e00f31
```
#e00f31 rgb(224,15,49)
```
#e9062b
```
#e9062b rgb(233,6,43)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#71565b Atypical Achromatopsia 0.001% of the population

Dichromacy

#726e66 Protanopia 1% of men
#846a4a Deuteranopia 1% of men
#bd4144 Tritanopia 0.001% of the population

Trichromacy

#8c595c Protanomaly 1% of men, 0.01% of women
#98564a Deuteranomaly 6% of men, 0.4% of women
#bc3c46 Tritanomaly 0.01% of the population

#bb344a hex color

#bb344a Color Information

#bb344a Color Conversion

Color Schemes with #bb344a

Alternatives to #bb344a

#bb344a Preview

Shades and Tints of #bb344a

Tones of #bb344a

Color Blindness Simulator