#bb3c30 hex color

In a RGB color space, hex #bb3c30 is composed of 73.3% red, 23.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.9% magenta, 74.3% yellow and 26.7% black. It has a hue angle of 5.2 degrees, a saturation of 59.1% and a lightness of 46.1%. #bb3c30 color hex could be obtained by blending #ff7860 with #770000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 24
- B 19
RGB color chart
- C 0
- M 68
- Y 74
- K 27
CMYK color chart

● #bb3c30 color description : Moderate red.

The hexadecimal color #bb3c30 has RGB values of R:187, G:60, B:48 and CMYK values of C:0, M:0.68, Y:0.74, K:0.27. Its decimal value is 12270640.

Hex triplet	bb3c30	`#bb3c30`
RGB Decimal	187, 60, 48	`rgb(187,60,48)`
RGB Percent	73.3, 23.5, 18.8	`rgb(73.3%,23.5%,18.8%)`
CMYK	0, 68, 74, 27
HSL	5.2°, 59.1, 46.1	`hsl(5.2,59.1%,46.1%)`
HSV (or HSB)	5.2°, 74.3, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.251, 50.26, 35.728
XYZ	22.644, 14.012, 4.308
xyY	0.553, 0.342, 14.012
CIE-LCH	44.251, 61.664, 35.408
CIE-LUV	44.251, 98.207, 25.785
Hunter-Lab	37.433, 42.469, 19.379
Binary	10111011, 00111100, 00110000

#bb3c30
```
#bb3c30 rgb(187,60,48)
```
#30afbb
```
#30afbb rgb(48,175,187)
```

Complementary Color

#bb306a
```
#bb306a rgb(187,48,106)
```
#bb3c30
```
#bb3c30 rgb(187,60,48)
```
#bb8230
```
#bb8230 rgb(187,130,48)
```

Analogous Color

#306abb
```
#306abb rgb(48,106,187)
```
#bb3c30
```
#bb3c30 rgb(187,60,48)
```
#30bb82
```
#30bb82 rgb(48,187,130)
```

Split Complementary Color

#3c30bb
```
#3c30bb rgb(60,48,187)
```
#bb3c30
```
#bb3c30 rgb(187,60,48)
```
#30bb3c
```
#30bb3c rgb(48,187,60)
```

Triadic Color

#bb30af
```
#bb30af rgb(187,48,175)
```
#bb3c30
```
#bb3c30 rgb(187,60,48)
```
#30bb3c
```
#30bb3c rgb(48,187,60)
```
#30afbb
```
#30afbb rgb(48,175,187)
```

Tetradic Color

#7e2820
```
#7e2820 rgb(126,40,32)
```
#922f26
```
#922f26 rgb(146,47,38)
```
#a7352b
```
#a7352b rgb(167,53,43)
```
#bb3c30
```
#bb3c30 rgb(187,60,48)
```
#cc4538
```
#cc4538 rgb(204,69,56)
```
#d1584d
```
#d1584d rgb(209,88,77)
```
#d66b61
```
#d66b61 rgb(214,107,97)
```

Monochromatic Color

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

#bb3047
```
#bb3047 rgb(187,48,71)
```
#bb303b
```
#bb303b rgb(187,48,59)
```
#bb3030
```
#bb3030 rgb(187,48,48)
```
#bb3c30
```
#bb3c30 rgb(187,60,48)
```
#bb4830
```
#bb4830 rgb(187,72,48)
```
#bb5330
```
#bb5330 rgb(187,83,48)
```
#bb5f30
```
#bb5f30 rgb(187,95,48)
```

Similar Colors

Text with hexadecimal color #bb3c30

This text has a font color of #bb3c30.

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

#bb3c30 background color

This paragraph has a background color of #bb3c30.

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

#bb3c30 border color

This element has a border color of #bb3c30.

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

CSS codes

.text {color:#bb3c30;}

.background {background-color:#bb3c30;}

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

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

#0f0504
```
#0f0504 rgb(15,5,4)
```
#1f0a08
```
#1f0a08 rgb(31,10,8)
```
#2f0f0c
```
#2f0f0c rgb(47,15,12)
```
#3e1410
```
#3e1410 rgb(62,20,16)
```
#4e1914
```
#4e1914 rgb(78,25,20)
```
#5d1e18
```
#5d1e18 rgb(93,30,24)
```
#6d231c
```
#6d231c rgb(109,35,28)
```
#7d2820
```
#7d2820 rgb(125,40,32)
```
#8c2d24
```
#8c2d24 rgb(140,45,36)
```
#9c3228
```
#9c3228 rgb(156,50,40)
```
#ab372c
```
#ab372c rgb(171,55,44)
```
#bb3c30
```
#bb3c30 rgb(187,60,48)
```
#cb4134
```
#cb4134 rgb(203,65,52)
```

Shade Color Variation

#cf4f43
```
#cf4f43 rgb(207,79,67)
```
#d35e53
```
#d35e53 rgb(211,94,83)
```
#d76d63
```
#d76d63 rgb(215,109,99)
```
#db7b72
```
#db7b72 rgb(219,123,114)
```
#df8a82
```
#df8a82 rgb(223,138,130)
```
#e39891
```
#e39891 rgb(227,152,145)
```
#e7a7a1
```
#e7a7a1 rgb(231,167,161)
```
#ebb6b1
```
#ebb6b1 rgb(235,182,177)
```
#efc4c0
```
#efc4c0 rgb(239,196,192)
```
#f3d3d0
```
#f3d3d0 rgb(243,211,208)
```
#f7e1df
```
#f7e1df rgb(247,225,223)
```
#fbf0ef
```
#fbf0ef rgb(251,240,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c706f
```
#7c706f rgb(124,112,111)
```
#856966
```
#856966 rgb(133,105,102)
```
#8e615d
```
#8e615d rgb(142,97,93)
```
#975a54
```
#975a54 rgb(151,90,84)
```
#a0524b
```
#a0524b rgb(160,82,75)
```
#a94b42
```
#a94b42 rgb(169,75,66)
```
#b24339
```
#b24339 rgb(178,67,57)
```
#bb3c30
```
#bb3c30 rgb(187,60,48)
```
#c43527
```
#c43527 rgb(196,53,39)
```
#cd2d1e
```
#cd2d1e rgb(205,45,30)
```
#d62615
```
#d62615 rgb(214,38,21)
```
#df1e0c
```
#df1e0c rgb(223,30,12)
```
#e81703
```
#e81703 rgb(232,23,3)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#735a57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7047 Protanopia 1% of men
#8a6b31 Deuteranopia 1% of men
#bf4447 Tritanopia 0.001% of the population

Trichromacy

#915d3f Protanomaly 1% of men, 0.01% of women
#9c5a31 Deuteranomaly 6% of men, 0.4% of women
#bd413f Tritanomaly 0.01% of the population

#bb3c30 hex color

#bb3c30 Color Information

#bb3c30 Color Conversion

Color Schemes with #bb3c30

Alternatives to #bb3c30

#bb3c30 Preview

Shades and Tints of #bb3c30

Tones of #bb3c30

Color Blindness Simulator