#3522f9 hex color

In a RGB color space, hex #3522f9 is composed of 20.8% red, 13.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 86.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 245.3 degrees, a saturation of 94.7% and a lightness of 55.5%. #3522f9 color hex could be obtained by blending #6a44ff with #0000f3. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 21
- G 13
- B 98
RGB color chart
- C 79
- M 86
- Y 0
- K 2
CMYK color chart

● #3522f9 color description : Vivid blue.

The hexadecimal color #3522f9 has RGB values of R:53, G:34, B:249 and CMYK values of C:0.79, M:0.86, Y:0, K:0.02. Its decimal value is 3482361.

Hex triplet	3522f9	`#3522f9`
RGB Decimal	53, 34, 249	`rgb(53,34,249)`
RGB Percent	20.8, 13.3, 97.6	`rgb(20.8%,13.3%,97.6%)`
CMYK	79, 86, 0, 2
HSL	245.3°, 94.7, 55.5	`hsl(245.3,94.7%,55.5%)`
HSV (or HSB)	245.3°, 86.3, 97.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.477, 71.163, -99.148
XYZ	19.136, 8.739, 90.296
xyY	0.162, 0.074, 8.739
CIE-LCH	35.477, 122.043, 305.669
CIE-LUV	35.477, -7.414, -129.857
Hunter-Lab	29.562, 63.81, -160.403
Binary	00110101, 00100010, 11111001

#3522f9
```
#3522f9 rgb(53,34,249)
```
#e6f922
```
#e6f922 rgb(230,249,34)
```

Complementary Color

#227bf9
```
#227bf9 rgb(34,123,249)
```
#3522f9
```
#3522f9 rgb(53,34,249)
```
#a122f9
```
#a122f9 rgb(161,34,249)
```

Analogous Color

#7bf922
```
#7bf922 rgb(123,249,34)
```
#3522f9
```
#3522f9 rgb(53,34,249)
```
#f9a122
```
#f9a122 rgb(249,161,34)
```

Split Complementary Color

#22f935
```
#22f935 rgb(34,249,53)
```
#3522f9
```
#3522f9 rgb(53,34,249)
```
#f93522
```
#f93522 rgb(249,53,34)
```

Triadic Color

#22e6f9
```
#22e6f9 rgb(34,230,249)
```
#3522f9
```
#3522f9 rgb(53,34,249)
```
#f93522
```
#f93522 rgb(249,53,34)
```
#e6f922
```
#e6f922 rgb(230,249,34)
```

Tetradic Color

#1705c9
```
#1705c9 rgb(23,5,201)
```
#1a06e2
```
#1a06e2 rgb(26,6,226)
```
#1e09f8
```
#1e09f8 rgb(30,9,248)
```
#3522f9
```
#3522f9 rgb(53,34,249)
```
#4c3bfa
```
#4c3bfa rgb(76,59,250)
```
#6254fa
```
#6254fa rgb(98,84,250)
```
#796cfb
```
#796cfb rgb(121,108,251)
```

Monochromatic Color

Below, you can see some colors close to #3522f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2245f9
```
#2245f9 rgb(34,69,249)
```
#2233f9
```
#2233f9 rgb(34,51,249)
```
#2322f9
```
#2322f9 rgb(35,34,249)
```
#3522f9
```
#3522f9 rgb(53,34,249)
```
#4722f9
```
#4722f9 rgb(71,34,249)
```
#5922f9
```
#5922f9 rgb(89,34,249)
```
#6b22f9
```
#6b22f9 rgb(107,34,249)
```

Similar Colors

Text with hexadecimal color #3522f9

This text has a font color of #3522f9.

<span style="color:#3522f9;">Text here</span>

#3522f9 background color

This paragraph has a background color of #3522f9.

<p style="background-color:#3522f9;">Content here</p>

#3522f9 border color

This element has a border color of #3522f9.

<div style="border:1px solid #3522f9;">Content here</div>

CSS codes

.text {color:#3522f9;}

.background {background-color:#3522f9;}

.border {border:1px solid #3522f9;}

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, #010008 is the darkest color, while #f5f4ff is the lightest one.

#010008
```
#010008 rgb(1,0,8)
```
#03011b
```
#03011b rgb(3,1,27)
```
#05012e
```
#05012e rgb(5,1,46)
```
#070241
```
#070241 rgb(7,2,65)
```
#0a0255
```
#0a0255 rgb(10,2,85)
```
#0c0368
```
#0c0368 rgb(12,3,104)
```
#0e037b
```
#0e037b rgb(14,3,123)
```
#10048e
```
#10048e rgb(16,4,142)
```
#1204a1
```
#1204a1 rgb(18,4,161)
```
#1405b4
```
#1405b4 rgb(20,5,180)
```
#1705c7
```
#1705c7 rgb(23,5,199)
```
#1906da
```
#1906da rgb(25,6,218)
```
#1b06ed
```
#1b06ed rgb(27,6,237)
```

Shade Color Variation

#240ff8
```
#240ff8 rgb(36,15,248)
```
#3522f9
```
#3522f9 rgb(53,34,249)
```
#4635fa
```
#4635fa rgb(70,53,250)
```
#5848fa
```
#5848fa rgb(88,72,250)
```
#695bfb
```
#695bfb rgb(105,91,251)
```
#7b6efb
```
#7b6efb rgb(123,110,251)
```
#8c81fc
```
#8c81fc rgb(140,129,252)
```
#9e95fc
```
#9e95fc rgb(158,149,252)
```
#afa8fd
```
#afa8fd rgb(175,168,253)
```
#c1bbfd
```
#c1bbfd rgb(193,187,253)
```
#d2cefe
```
#d2cefe rgb(210,206,254)
```
#e4e1fe
```
#e4e1fe rgb(228,225,254)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b90 is the less saturated color, while #3522f9 is the most saturated one.

#8b8b90
```
#8b8b90 rgb(139,139,144)
```
#848299
```
#848299 rgb(132,130,153)
```
#7d79a2
```
#7d79a2 rgb(125,121,162)
```
#7671aa
```
#7671aa rgb(118,113,170)
```
#6f68b3
```
#6f68b3 rgb(111,104,179)
```
#675fbc
```
#675fbc rgb(103,95,188)
```
#6056c5
```
#6056c5 rgb(96,86,197)
```
#594ecd
```
#594ecd rgb(89,78,205)
```
#5245d6
```
#5245d6 rgb(82,69,214)
```
#4b3cdf
```
#4b3cdf rgb(75,60,223)
```
#4333e8
```
#4333e8 rgb(67,51,232)
```
#3c2bf0
```
#3c2bf0 rgb(60,43,240)
```
#3522f9
```
#3522f9 rgb(53,34,249)
```

Tone Color Variation

Below, you can see how #3522f9 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.

Monochromacy

#404040 Achromatopsia 0.005% of the population
#3e3a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#1345c9 Protanomaly 1% of men, 0.01% of women
#1348ba Deuteranomaly 6% of men, 0.4% of women
#134d9e Tritanomaly 0.01% of the population

#3522f9 hex color

#3522f9 Color Information

#3522f9 Color Conversion

Color Schemes with #3522f9

Alternatives to #3522f9

#3522f9 Preview

Shades and Tints of #3522f9

Tones of #3522f9

Color Blindness Simulator