#bb333e Color Information
In a RGB color space, hex #bb333e is composed of 73.3% red, 20% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.7% magenta, 66.8% yellow and 26.7% black. It has a hue angle of 355.1 degrees, a saturation of 57.1% and a lightness of 46.7%. #bb333e color hex could be obtained by blending #ff667c with #770000. Closest websafe color is: #cc3333.
-
- R 73
- G 20
- B 24
-
- C 0
- M 73
- Y 67
- K 27
● #bb333e color description : Moderate red.
#bb333e Color Conversion
The hexadecimal color #bb333e has RGB values of R:187, G:51, B:62 and CMYK values of C:0, M:0.73, Y:0.67, K:0.27. Its decimal value is 12268350.
| Hex triplet | bb333e | #bb333e |
|---|---|---|
| RGB Decimal | 187, 51, 62 | rgb(187,51,62) |
| RGB Percent | 73.3, 20, 24.3 | rgb(73.3%,20%,24.3%) |
| CMYK | 0, 73, 67, 27 | |
| HSL | 355.1°, 57.1, 46.7 | hsl(355.1,57.1%,46.7%) |
| HSV (or HSB) | 355.1°, 72.7, 73.3 | |
| Web Safe | cc3333 | #cc3333 |
| CIE-LAB | 43.186, 54.409, 26.219 |
|---|---|
| XYZ | 22.548, 13.283, 5.934 |
| xyY | 0.54, 0.318, 13.283 |
| CIE-LCH | 43.186, 60.397, 25.729 |
| CIE-LUV | 43.186, 100.269, 17.19 |
| Hunter-Lab | 36.446, 46.653, 15.859 |
| Binary | 10111011, 00110011, 00111110 |
Color Schemes with #bb333e
Alternatives to #bb333e
Below, you can see some colors close to #bb333e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb333e Preview
This text has a font color of #bb333e.
<span style="color:#bb333e;">Text here</span>
This paragraph has a background color of #bb333e.
<p style="background-color:#bb333e;">Content here</p>
This element has a border color of #bb333e.
<div style="border:1px solid #bb333e;">Content here</div>
.text {color:#bb333e;}
.background {background-color:#bb333e;}
.border {border:1px solid #bb333e;}
Shades and Tints of #bb333e
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, #020101 is the darkest color, while #fbf2f2 is the lightest one.
-
#020101
#020101rgb(2,1,1) -
#110506
#110506rgb(17,5,6) -
#21090b
#21090brgb(33,9,11) -
#300d10
#300d10rgb(48,13,16) -
#401115
#401115rgb(64,17,21) -
#4f161a
#4f161argb(79,22,26) -
#5f1a1f
#5f1a1frgb(95,26,31) -
#6e1e24
#6e1e24rgb(110,30,36) -
#7d222a
#7d222argb(125,34,42) -
#8d262f
#8d262frgb(141,38,47) -
#9c2b34
#9c2b34rgb(156,43,52) -
#ac2f39
#ac2f39rgb(172,47,57) -
#bb333e
#bb333ergb(187,51,62)
-
#c93944
#c93944rgb(201,57,68) -
#cd4853
#cd4853rgb(205,72,83) -
#d15861
#d15861rgb(209,88,97) -
#d66770
#d66770rgb(214,103,112) -
#da767e
#da767ergb(218,118,126) -
#de868d
#de868drgb(222,134,141) -
#e2959b
#e2959brgb(226,149,155) -
#e6a5aa
#e6a5aargb(230,165,170) -
#ebb4b8
#ebb4b8rgb(235,180,184) -
#efc3c7
#efc3c7rgb(239,195,199) -
#f3d3d5
#f3d3d5rgb(243,211,213) -
#f7e2e4
#f7e2e4rgb(247,226,228) -
#fbf2f2
#fbf2f2rgb(251,242,242)
Tones of #bb333e
A tone is produced by adding gray to any pure hue. In this case, #7b7374 is the less saturated color, while #e90518 is the most saturated one.
-
#7b7374
#7b7374rgb(123,115,116) -
#846a6c
#846a6crgb(132,106,108) -
#8d6164
#8d6164rgb(141,97,100) -
#96585d
#96585drgb(150,88,93) -
#a04e55
#a04e55rgb(160,78,85) -
#a9454d
#a9454drgb(169,69,77) -
#b23c46
#b23c46rgb(178,60,70) -
#bb333e
#bb333ergb(187,51,62) -
#c42a36
#c42a36rgb(196,42,54) -
#cd212f
#cd212frgb(205,33,47) -
#d61827
#d61827rgb(214,24,39) -
#e00e1f
#e00e1frgb(224,14,31) -
#e90518
#e90518rgb(233,5,24)
Color Blindness Simulator
Below, you can see how #bb333e 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.
