#bb3757 Color Information
In a RGB color space, hex #bb3757 is composed of 73.3% red, 21.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.6% magenta, 53.5% yellow and 26.7% black. It has a hue angle of 345.5 degrees, a saturation of 54.5% and a lightness of 47.5%. #bb3757 color hex could be obtained by blending #ff6eae with #770000. Closest websafe color is: #cc3366.
-
- R 73
- G 22
- B 34
-
- C 0
- M 71
- Y 53
- K 27
● #bb3757 color description : Moderate red.
#bb3757 Color Conversion
The hexadecimal color #bb3757 has RGB values of R:187, G:55, B:87 and CMYK values of C:0, M:0.71, Y:0.53, K:0.27. Its decimal value is 12269399.
Hex triplet | bb3757 | #bb3757 |
---|---|---|
RGB Decimal | 187, 55, 87 | rgb(187,55,87) |
RGB Percent | 73.3, 21.6, 34.1 | rgb(73.3%,21.6%,34.1%) |
CMYK | 0, 71, 53, 27 | |
HSL | 345.5°, 54.5, 47.5 | hsl(345.5,54.5%,47.5%) |
HSV (or HSB) | 345.5°, 70.6, 73.3 | |
Web Safe | cc3366 | #cc3366 |
CIE-LAB | 44.215, 54.629, 12.179 |
---|---|
XYZ | 23.581, 13.988, 10.475 |
xyY | 0.491, 0.291, 13.988 |
CIE-LCH | 44.215, 55.971, 12.568 |
CIE-LUV | 44.215, 91.012, 4.047 |
Hunter-Lab | 37.4, 47.093, 9.575 |
Binary | 10111011, 00110111, 01010111 |
Color Schemes with #bb3757
Alternatives to #bb3757
Below, you can see some colors close to #bb3757. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb3757 Preview
This text has a font color of #bb3757.
<span style="color:#bb3757;">Text here</span>
This paragraph has a background color of #bb3757.
<p style="background-color:#bb3757;">Content here</p>
This element has a border color of #bb3757.
<div style="border:1px solid #bb3757;">Content here</div>
.text {color:#bb3757;}
.background {background-color:#bb3757;}
.border {border:1px solid #bb3757;}
Shades and Tints of #bb3757
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, #050202 is the darkest color, while #fcf5f7 is the lightest one.
-
#050202
#050202
rgb(5,2,2)
-
#140609
#140609
rgb(20,6,9)
-
#230a10
#230a10
rgb(35,10,16)
-
#330f18
#330f18
rgb(51,15,24)
-
#42131f
#42131f
rgb(66,19,31)
-
#511826
#511826
rgb(81,24,38)
-
#601c2d
#601c2d
rgb(96,28,45)
-
#6f2134
#6f2134
rgb(111,33,52)
-
#7e253b
#7e253b
rgb(126,37,59)
-
#8e2a42
#8e2a42
rgb(142,42,66)
-
#9d2e49
#9d2e49
rgb(157,46,73)
-
#ac3350
#ac3350
rgb(172,51,80)
-
#bb3757
#bb3757
rgb(187,55,87)
-
#c73f60
#c73f60
rgb(199,63,96)
-
#cb4e6c
#cb4e6c
rgb(203,78,108)
-
#cf5d79
#cf5d79
rgb(207,93,121)
-
#d46d86
#d46d86
rgb(212,109,134)
-
#d87c92
#d87c92
rgb(216,124,146)
-
#dd8b9f
#dd8b9f
rgb(221,139,159)
-
#e19aab
#e19aab
rgb(225,154,171)
-
#e6a9b8
#e6a9b8
rgb(230,169,184)
-
#eab8c4
#eab8c4
rgb(234,184,196)
-
#efc7d1
#efc7d1
rgb(239,199,209)
-
#f3d7de
#f3d7de
rgb(243,215,222)
-
#f8e6ea
#f8e6ea
rgb(248,230,234)
-
#fcf5f7
#fcf5f7
rgb(252,245,247)
Tones of #bb3757
A tone is produced by adding gray to any pure hue. In this case, #7a7879 is the less saturated color, while #ea083f is the most saturated one.
-
#7a7879
#7a7879
rgb(122,120,121)
-
#836f74
#836f74
rgb(131,111,116)
-
#8c666f
#8c666f
rgb(140,102,111)
-
#965c6a
#965c6a
rgb(150,92,106)
-
#9f5365
#9f5365
rgb(159,83,101)
-
#a84a61
#a84a61
rgb(168,74,97)
-
#b2405c
#b2405c
rgb(178,64,92)
-
#bb3757
#bb3757
rgb(187,55,87)
-
#c42e52
#c42e52
rgb(196,46,82)
-
#ce244d
#ce244d
rgb(206,36,77)
-
#d71b49
#d71b49
rgb(215,27,73)
-
#e01244
#e01244
rgb(224,18,68)
-
#ea083f
#ea083f
rgb(234,8,63)
Color Blindness Simulator
Below, you can see how #bb3757 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.