#b553bb Color Information
In a RGB color space, hex #b553bb is composed of 71% red, 32.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 55.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 296.5 degrees, a saturation of 43.3% and a lightness of 52.9%. #b553bb color hex could be obtained by blending #ffa6ff with #6b0077. Closest websafe color is: #cc66cc.
-
- R 71
- G 33
- B 73
-
- C 3
- M 56
- Y 0
- K 27
● #b553bb color description : Moderate magenta.
#b553bb Color Conversion
The hexadecimal color #b553bb has RGB values of R:181, G:83, B:187 and CMYK values of C:0.03, M:0.56, Y:0, K:0.27. Its decimal value is 11883451.
| Hex triplet | b553bb | #b553bb |
|---|---|---|
| RGB Decimal | 181, 83, 187 | rgb(181,83,187) |
| RGB Percent | 71, 32.5, 73.3 | rgb(71%,32.5%,73.3%) |
| CMYK | 3, 56, 0, 27 | |
| HSL | 296.5°, 43.3, 52.9 | hsl(296.5,43.3%,52.9%) |
| HSV (or HSB) | 296.5°, 55.6, 73.3 | |
| Web Safe | cc66cc | #cc66cc |
| CIE-LAB | 51.381, 54.173, -37.251 |
|---|---|
| XYZ | 31.118, 19.6, 49.155 |
| xyY | 0.312, 0.196, 19.6 |
| CIE-LCH | 51.381, 65.744, 325.486 |
| CIE-LUV | 51.381, 43.785, -63.504 |
| Hunter-Lab | 44.271, 47.991, -34.84 |
| Binary | 10110101, 01010011, 10111011 |
Color Schemes with #b553bb
Alternatives to #b553bb
Below, you can see some colors close to #b553bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b553bb Preview
This text has a font color of #b553bb.
<span style="color:#b553bb;">Text here</span>
This paragraph has a background color of #b553bb.
<p style="background-color:#b553bb;">Content here</p>
This element has a border color of #b553bb.
<div style="border:1px solid #b553bb;">Content here</div>
.text {color:#b553bb;}
.background {background-color:#b553bb;}
.border {border:1px solid #b553bb;}
Shades and Tints of #b553bb
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, #0a040b is the darkest color, while #fefcfe is the lightest one.
-
#0a040b
#0a040brgb(10,4,11) -
#180a19
#180a19rgb(24,10,25) -
#260f27
#260f27rgb(38,15,39) -
#331535
#331535rgb(51,21,53) -
#411a43
#411a43rgb(65,26,67) -
#4e2051
#4e2051rgb(78,32,81) -
#5c265f
#5c265frgb(92,38,95) -
#692b6d
#692b6drgb(105,43,109) -
#77317b
#77317brgb(119,49,123) -
#843689
#843689rgb(132,54,137) -
#923c97
#923c97rgb(146,60,151) -
#a041a5
#a041a5rgb(160,65,165) -
#ad47b3
#ad47b3rgb(173,71,179)
-
#b553bb
#b553bbrgb(181,83,187) -
#bb61c1
#bb61c1rgb(187,97,193) -
#c16fc6
#c16fc6rgb(193,111,198) -
#c77dcc
#c77dccrgb(199,125,204) -
#cd8bd1
#cd8bd1rgb(205,139,209) -
#d399d7
#d399d7rgb(211,153,215) -
#d9a7dc
#d9a7dcrgb(217,167,220) -
#dfb5e2
#dfb5e2rgb(223,181,226) -
#e5c3e7
#e5c3e7rgb(229,195,231) -
#ebd2ed
#ebd2edrgb(235,210,237) -
#f1e0f3
#f1e0f3rgb(241,224,243) -
#f8eef8
#f8eef8rgb(248,238,248) -
#fefcfe
#fefcfergb(254,252,254)
Tones of #b553bb
A tone is produced by adding gray to any pure hue. In this case, #8c818d is the less saturated color, while #ee12fc is the most saturated one.
-
#8c818d
#8c818drgb(140,129,141) -
#947896
#947896rgb(148,120,150) -
#9d6f9f
#9d6f9frgb(157,111,159) -
#a565a9
#a565a9rgb(165,101,169) -
#ad5cb2
#ad5cb2rgb(173,92,178) -
#b553bb
#b553bbrgb(181,83,187) -
#bd4ac4
#bd4ac4rgb(189,74,196) -
#c541cd
#c541cdrgb(197,65,205) -
#cd37d7
#cd37d7rgb(205,55,215) -
#d62ee0
#d62ee0rgb(214,46,224) -
#de25e9
#de25e9rgb(222,37,233) -
#e61cf2
#e61cf2rgb(230,28,242) -
#ee12fc
#ee12fcrgb(238,18,252)
Color Blindness Simulator
Below, you can see how #b553bb 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.
