#5525b2 Color Information
In a RGB color space, hex #5525b2 is composed of 33.3% red, 14.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 79.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 260.4 degrees, a saturation of 65.6% and a lightness of 42.2%. #5525b2 color hex could be obtained by blending #aa4aff with #000065. Closest websafe color is: #663399.
-
- R 33
- G 15
- B 70
-
- C 52
- M 79
- Y 0
- K 30
● #5525b2 color description : Dark violet.
#5525b2 Color Conversion
The hexadecimal color #5525b2 has RGB values of R:85, G:37, B:178 and CMYK values of C:0.52, M:0.79, Y:0, K:0.3. Its decimal value is 5580210.
| Hex triplet | 5525b2 | #5525b2 |
|---|---|---|
| RGB Decimal | 85, 37, 178 | rgb(85,37,178) |
| RGB Percent | 33.3, 14.5, 69.8 | rgb(33.3%,14.5%,69.8%) |
| CMYK | 52, 79, 0, 30 | |
| HSL | 260.4°, 65.6, 42.2 | hsl(260.4,65.6%,42.2%) |
| HSV (or HSB) | 260.4°, 79.2, 69.8 | |
| Web Safe | 663399 | #663399 |
| CIE-LAB | 30.565, 53.166, -66.119 |
|---|---|
| XYZ | 12.442, 6.469, 42.71 |
| xyY | 0.202, 0.105, 6.469 |
| CIE-LCH | 30.565, 84.843, 308.802 |
| CIE-LUV | 30.565, 4.62, -88.734 |
| Hunter-Lab | 25.433, 42.816, -81.762 |
| Binary | 01010101, 00100101, 10110010 |
Color Schemes with #5525b2
Alternatives to #5525b2
Below, you can see some colors close to #5525b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5525b2 Preview
This text has a font color of #5525b2.
<span style="color:#5525b2;">Text here</span>
This paragraph has a background color of #5525b2.
<p style="background-color:#5525b2;">Content here</p>
This element has a border color of #5525b2.
<div style="border:1px solid #5525b2;">Content here</div>
.text {color:#5525b2;}
.background {background-color:#5525b2;}
.border {border:1px solid #5525b2;}
Shades and Tints of #5525b2
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, #070310 is the darkest color, while #fffeff is the lightest one.
-
#070310
#070310rgb(7,3,16) -
#0f0720
#0f0720rgb(15,7,32) -
#170a30
#170a30rgb(23,10,48) -
#1f0d40
#1f0d40rgb(31,13,64) -
#261151
#261151rgb(38,17,81) -
#2e1461
#2e1461rgb(46,20,97) -
#361771
#361771rgb(54,23,113) -
#3e1b81
#3e1b81rgb(62,27,129) -
#451e92
#451e92rgb(69,30,146) -
#4d22a2
#4d22a2rgb(77,34,162) -
#5525b2
#5525b2rgb(85,37,178) -
#5d28c2
#5d28c2rgb(93,40,194) -
#652cd2
#652cd2rgb(101,44,210)
-
#703bd6
#703bd6rgb(112,59,214) -
#7c4cda
#7c4cdargb(124,76,218) -
#885cdd
#885cddrgb(136,92,221) -
#946ce0
#946ce0rgb(148,108,224) -
#a07ce4
#a07ce4rgb(160,124,228) -
#ac8de7
#ac8de7rgb(172,141,231) -
#b79deb
#b79debrgb(183,157,235) -
#c3adee
#c3adeergb(195,173,238) -
#cfbdf1
#cfbdf1rgb(207,189,241) -
#dbcef5
#dbcef5rgb(219,206,245) -
#e7def8
#e7def8rgb(231,222,248) -
#f3eefb
#f3eefbrgb(243,238,251) -
#fffeff
#fffeffrgb(255,254,255)
Tones of #5525b2
A tone is produced by adding gray to any pure hue. In this case, #6a6770 is the less saturated color, while #4a04d3 is the most saturated one.
-
#6a6770
#6a6770rgb(106,103,112) -
#675f78
#675f78rgb(103,95,120) -
#655780
#655780rgb(101,87,128) -
#624e89
#624e89rgb(98,78,137) -
#604691
#604691rgb(96,70,145) -
#5d3e99
#5d3e99rgb(93,62,153) -
#5a36a1
#5a36a1rgb(90,54,161) -
#582daa
#582daargb(88,45,170) -
#5525b2
#5525b2rgb(85,37,178) -
#521dba
#521dbargb(82,29,186) -
#5014c3
#5014c3rgb(80,20,195) -
#4d0ccb
#4d0ccbrgb(77,12,203) -
#4a04d3
#4a04d3rgb(74,4,211)
Color Blindness Simulator
Below, you can see how #5525b2 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.
