#bb324d hex color

In a RGB color space, hex #bb324d is composed of 73.3% red, 19.6% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.3% magenta, 58.8% yellow and 26.7% black. It has a hue angle of 348.2 degrees, a saturation of 57.8% and a lightness of 46.5%. #bb324d color hex could be obtained by blending #ff649a with #770000. Closest websafe color is: #cc3366.

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

● #bb324d color description : Moderate red.

The hexadecimal color #bb324d has RGB values of R:187, G:50, B:77 and CMYK values of C:0, M:0.73, Y:0.59, K:0.27. Its decimal value is 12268109.

Hex triplet	bb324d	`#bb324d`
RGB Decimal	187, 50, 77	`rgb(187,50,77)`
RGB Percent	73.3, 19.6, 30.2	`rgb(73.3%,19.6%,30.2%)`
CMYK	0, 73, 59, 27
HSL	348.2°, 57.8, 46.5	`hsl(348.2,57.8%,46.5%)`
HSV (or HSB)	348.2°, 73.3, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.337, 55.701, 17.183
XYZ	22.975, 13.384, 8.394
xyY	0.513, 0.299, 13.384
CIE-LCH	43.337, 58.291, 17.144
CIE-LUV	43.337, 96.531, 8.78
Hunter-Lab	36.585, 48.072, 12.005
Binary	10111011, 00110010, 01001101

#bb324d
```
#bb324d rgb(187,50,77)
```
#32bba0
```
#32bba0 rgb(50,187,160)
```

Complementary Color

#bb3292
```
#bb3292 rgb(187,50,146)
```
#bb324d
```
#bb324d rgb(187,50,77)
```
#bb5c32
```
#bb5c32 rgb(187,92,50)
```

Analogous Color

#3292bb
```
#3292bb rgb(50,146,187)
```
#bb324d
```
#bb324d rgb(187,50,77)
```
#32bb5c
```
#32bb5c rgb(50,187,92)
```

Split Complementary Color

#324dbb
```
#324dbb rgb(50,77,187)
```
#bb324d
```
#bb324d rgb(187,50,77)
```
#4dbb32
```
#4dbb32 rgb(77,187,50)
```

Triadic Color

#a032bb
```
#a032bb rgb(160,50,187)
```
#bb324d
```
#bb324d rgb(187,50,77)
```
#4dbb32
```
#4dbb32 rgb(77,187,50)
```
#32bba0
```
#32bba0 rgb(50,187,160)
```

Tetradic Color

#7f2234
```
#7f2234 rgb(127,34,52)
```
#93273c
```
#93273c rgb(147,39,60)
```
#a72d45
```
#a72d45 rgb(167,45,69)
```
#bb324d
```
#bb324d rgb(187,50,77)
```
#cb3c58
```
#cb3c58 rgb(203,60,88)
```
#d05069
```
#d05069 rgb(208,80,105)
```
#d6647a
```
#d6647a rgb(214,100,122)
```

Monochromatic Color

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

#bb326f
```
#bb326f rgb(187,50,111)
```
#bb3264
```
#bb3264 rgb(187,50,100)
```
#bb3258
```
#bb3258 rgb(187,50,88)
```
#bb324d
```
#bb324d rgb(187,50,77)
```
#bb3242
```
#bb3242 rgb(187,50,66)
```
#bb3236
```
#bb3236 rgb(187,50,54)
```
#bb3932
```
#bb3932 rgb(187,57,50)
```

Similar Colors

Text with hexadecimal color #bb324d

This text has a font color of #bb324d.

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

#bb324d background color

This paragraph has a background color of #bb324d.

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

#bb324d border color

This element has a border color of #bb324d.

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

CSS codes

.text {color:#bb324d;}

.background {background-color:#bb324d;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#110407
```
#110407 rgb(17,4,7)
```
#20090d
```
#20090d rgb(32,9,13)
```
#300d14
```
#300d14 rgb(48,13,20)
```
#3f111a
```
#3f111a rgb(63,17,26)
```
#4f1520
```
#4f1520 rgb(79,21,32)
```
#5e1927
```
#5e1927 rgb(94,25,39)
```
#6e1d2d
```
#6e1d2d rgb(110,29,45)
```
#7d2134
```
#7d2134 rgb(125,33,52)
```
#8d263a
```
#8d263a rgb(141,38,58)
```
#9c2a40
```
#9c2a40 rgb(156,42,64)
```
#ac2e47
```
#ac2e47 rgb(172,46,71)
```
#bb324d
```
#bb324d rgb(187,50,77)
```

Shade Color Variation

#ca3754
```
#ca3754 rgb(202,55,84)
```
#ce4761
```
#ce4761 rgb(206,71,97)
```
#d2566e
```
#d2566e rgb(210,86,110)
```
#d6667c
```
#d6667c rgb(214,102,124)
```
#da7589
```
#da7589 rgb(218,117,137)
```
#de8496
```
#de8496 rgb(222,132,150)
```
#e294a3
```
#e294a3 rgb(226,148,163)
```
#e7a3b1
```
#e7a3b1 rgb(231,163,177)
```
#ebb3be
```
#ebb3be rgb(235,179,190)
```
#efc2cb
```
#efc2cb rgb(239,194,203)
```
#f3d2d8
```
#f3d2d8 rgb(243,210,216)
```
#f7e1e6
```
#f7e1e6 rgb(247,225,230)
```
#fbf1f3
```
#fbf1f3 rgb(251,241,243)
```

Tint Color Variation

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

#7b7274
```
#7b7274 rgb(123,114,116)
```
#84696e
```
#84696e rgb(132,105,110)
```
#8d6069
```
#8d6069 rgb(141,96,105)
```
#975663
```
#975663 rgb(151,86,99)
```
#a04d5e
```
#a04d5e rgb(160,77,94)
```
#a94458
```
#a94458 rgb(169,68,88)
```
#b23b53
```
#b23b53 rgb(178,59,83)
```
#bb324d
```
#bb324d rgb(187,50,77)
```
#c42947
```
#c42947 rgb(196,41,71)
```
#cd2042
```
#cd2042 rgb(205,32,66)
```
#d6173c
```
#d6173c rgb(214,23,60)
```
#df0e37
```
#df0e37 rgb(223,14,55)
```
#e90431
```
#e90431 rgb(233,4,49)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#71555b Atypical Achromatopsia 0.001% of the population

Dichromacy

#716d6a Protanopia 1% of men
#82694d Deuteranopia 1% of men
#bd4043 Tritanopia 0.001% of the population

Trichromacy

#8b585f Protanomaly 1% of men, 0.01% of women
#97554d Deuteranomaly 6% of men, 0.4% of women
#bc3b46 Tritanomaly 0.01% of the population

#bb324d hex color

#bb324d Color Information

#bb324d Color Conversion

Color Schemes with #bb324d

Alternatives to #bb324d

#bb324d Preview

Shades and Tints of #bb324d

Tones of #bb324d

Color Blindness Simulator