#3522f0 Color Information
In a RGB color space, hex #3522f0 is composed of 20.8% red, 13.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 85.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 245.5 degrees, a saturation of 87.3% and a lightness of 53.7%. #3522f0 color hex could be obtained by blending #6a44ff with #0000e1. Closest websafe color is: #3333ff.
-
- R 21
- G 13
- B 94
-
- C 78
- M 86
- Y 0
- K 6
● #3522f0 color description : Vivid blue.
#3522f0 Color Conversion
The hexadecimal color #3522f0 has RGB values of R:53, G:34, B:240 and CMYK values of C:0.78, M:0.86, Y:0, K:0.06. Its decimal value is 3482352.
Hex triplet | 3522f0 | #3522f0 |
---|---|---|
RGB Decimal | 53, 34, 240 | rgb(53,34,240) |
RGB Percent | 20.8, 13.3, 94.1 | rgb(20.8%,13.3%,94.1%) |
CMYK | 78, 86, 0, 6 | |
HSL | 245.5°, 87.3, 53.7 | hsl(245.5,87.3%,53.7%) |
HSV (or HSB) | 245.5°, 85.8, 94.1 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 34.378, 68.733, -95.898 |
---|---|
XYZ | 17.765, 8.191, 83.078 |
xyY | 0.163, 0.075, 8.191 |
CIE-LCH | 34.378, 117.986, 305.63 |
CIE-LUV | 34.378, -6.958, -124.798 |
Hunter-Lab | 28.62, 60.715, -152.072 |
Binary | 00110101, 00100010, 11110000 |
Color Schemes with #3522f0
Alternatives to #3522f0
Below, you can see some colors close to #3522f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3522f0 Preview
This text has a font color of #3522f0.
<span style="color:#3522f0;">Text here</span>
This paragraph has a background color of #3522f0.
<p style="background-color:#3522f0;">Content here</p>
This element has a border color of #3522f0.
<div style="border:1px solid #3522f0;">Content here</div>
.text {color:#3522f0;}
.background {background-color:#3522f0;}
.border {border:1px solid #3522f0;}
Shades and Tints of #3522f0
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, #030112 is the darkest color, while #fefeff is the lightest one.
-
#030112
#030112
rgb(3,1,18)
-
#060224
#060224
rgb(6,2,36)
-
#080437
#080437
rgb(8,4,55)
-
#0b0549
#0b0549
rgb(11,5,73)
-
#0e065b
#0e065b
rgb(14,6,91)
-
#11076e
#11076e
rgb(17,7,110)
-
#140980
#140980
rgb(20,9,128)
-
#170a92
#170a92
rgb(23,10,146)
-
#190ba5
#190ba5
rgb(25,11,165)
-
#1c0cb7
#1c0cb7
rgb(28,12,183)
-
#1f0ec9
#1f0ec9
rgb(31,14,201)
-
#220fdc
#220fdc
rgb(34,15,220)
-
#2510ee
#2510ee
rgb(37,16,238)
-
#3522f0
#3522f0
rgb(53,34,240)
-
#4634f1
#4634f1
rgb(70,52,241)
-
#5747f2
#5747f2
rgb(87,71,242)
-
#6759f4
#6759f4
rgb(103,89,244)
-
#786bf5
#786bf5
rgb(120,107,245)
-
#897ef6
#897ef6
rgb(137,126,246)
-
#9a90f7
#9a90f7
rgb(154,144,247)
-
#aba3f9
#aba3f9
rgb(171,163,249)
-
#bbb5fa
#bbb5fa
rgb(187,181,250)
-
#ccc7fb
#ccc7fb
rgb(204,199,251)
-
#dddafc
#dddafc
rgb(221,218,252)
-
#eeecfe
#eeecfe
rgb(238,236,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #3522f0
A tone is produced by adding gray to any pure hue. In this case, #86868c is the less saturated color, while #2e19f9 is the most saturated one.
-
#86868c
#86868c
rgb(134,134,140)
-
#7f7d95
#7f7d95
rgb(127,125,149)
-
#78749e
#78749e
rgb(120,116,158)
-
#706ba7
#706ba7
rgb(112,107,167)
-
#6962b0
#6962b0
rgb(105,98,176)
-
#6158ba
#6158ba
rgb(97,88,186)
-
#5a4fc3
#5a4fc3
rgb(90,79,195)
-
#5346cc
#5346cc
rgb(83,70,204)
-
#4b3dd5
#4b3dd5
rgb(75,61,213)
-
#4434de
#4434de
rgb(68,52,222)
-
#3c2be7
#3c2be7
rgb(60,43,231)
-
#3522f0
#3522f0
rgb(53,34,240)
-
#2e19f9
#2e19f9
rgb(46,25,249)
Color Blindness Simulator
Below, you can see how #3522f0 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.