#5533b3 Color Information
In a RGB color space, hex #5533b3 is composed of 33.3% red, 20% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 71.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 255.9 degrees, a saturation of 55.7% and a lightness of 45.1%. #5533b3 color hex could be obtained by blending #aa66ff with #000067. Closest websafe color is: #6633cc.
-
- R 33
- G 20
- B 70
-
- C 53
- M 72
- Y 0
- K 30
● #5533b3 color description : Moderate violet.
#5533b3 Color Conversion
The hexadecimal color #5533b3 has RGB values of R:85, G:51, B:179 and CMYK values of C:0.53, M:0.72, Y:0, K:0.3. Its decimal value is 5583795.
| Hex triplet | 5533b3 | #5533b3 |
|---|---|---|
| RGB Decimal | 85, 51, 179 | rgb(85,51,179) |
| RGB Percent | 33.3, 20, 70.2 | rgb(33.3%,20%,70.2%) |
| CMYK | 53, 72, 0, 30 | |
| HSL | 255.9°, 55.7, 45.1 | hsl(255.9,55.7%,45.1%) |
| HSV (or HSB) | 255.9°, 71.5, 70.2 | |
| Web Safe | 6633cc | #6633cc |
| CIE-LAB | 33.035, 46.689, -62.662 |
|---|---|
| XYZ | 13.065, 7.553, 43.415 |
| xyY | 0.204, 0.118, 7.553 |
| CIE-LCH | 33.035, 78.144, 306.69 |
| CIE-LUV | 33.035, 2.5, -87.359 |
| Hunter-Lab | 27.483, 36.762, -74.421 |
| Binary | 01010101, 00110011, 10110011 |
Color Schemes with #5533b3
Alternatives to #5533b3
Below, you can see some colors close to #5533b3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5533b3 Preview
This text has a font color of #5533b3.
<span style="color:#5533b3;">Text here</span>
This paragraph has a background color of #5533b3.
<p style="background-color:#5533b3;">Content here</p>
This element has a border color of #5533b3.
<div style="border:1px solid #5533b3;">Content here</div>
.text {color:#5533b3;}
.background {background-color:#5533b3;}
.border {border:1px solid #5533b3;}
Shades and Tints of #5533b3
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, #05030b is the darkest color, while #fcfbfe is the lightest one.
-
#05030b
#05030brgb(5,3,11) -
#0d081a
#0d081argb(13,8,26) -
#140c2a
#140c2argb(20,12,42) -
#1b1039
#1b1039rgb(27,16,57) -
#221548
#221548rgb(34,21,72) -
#2a1957
#2a1957rgb(42,25,87) -
#311d67
#311d67rgb(49,29,103) -
#382276
#382276rgb(56,34,118) -
#3f2685
#3f2685rgb(63,38,133) -
#472a94
#472a94rgb(71,42,148) -
#4e2fa4
#4e2fa4rgb(78,47,164) -
#5533b3
#5533b3rgb(85,51,179) -
#5c37c2
#5c37c2rgb(92,55,194)
-
#6744ca
#6744cargb(103,68,202) -
#7453ce
#7453cergb(116,83,206) -
#8062d2
#8062d2rgb(128,98,210) -
#8c71d7
#8c71d7rgb(140,113,215) -
#9981db
#9981dbrgb(153,129,219) -
#a590df
#a590dfrgb(165,144,223) -
#b19fe4
#b19fe4rgb(177,159,228) -
#beaee8
#beaee8rgb(190,174,232) -
#cabeec
#cabeecrgb(202,190,236) -
#d7cdf1
#d7cdf1rgb(215,205,241) -
#e3dcf5
#e3dcf5rgb(227,220,245) -
#efecf9
#efecf9rgb(239,236,249) -
#fcfbfe
#fcfbfergb(252,251,254)
Tones of #5533b3
A tone is produced by adding gray to any pure hue. In this case, #727175 is the less saturated color, while #4007df is the most saturated one.
-
#727175
#727175rgb(114,113,117) -
#6e687e
#6e687ergb(110,104,126) -
#6a5f87
#6a5f87rgb(106,95,135) -
#665690
#665690rgb(102,86,144) -
#614e98
#614e98rgb(97,78,152) -
#5d45a1
#5d45a1rgb(93,69,161) -
#593caa
#593caargb(89,60,170) -
#5533b3
#5533b3rgb(85,51,179) -
#512abc
#512abcrgb(81,42,188) -
#4d21c5
#4d21c5rgb(77,33,197) -
#4918ce
#4918cergb(73,24,206) -
#4410d6
#4410d6rgb(68,16,214) -
#4007df
#4007dfrgb(64,7,223)
Color Blindness Simulator
Below, you can see how #5533b3 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.
