#3521e2 hex color

In a RGB color space, hex #3521e2 is composed of 20.8% red, 12.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 85.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 246.2 degrees, a saturation of 76.9% and a lightness of 50.8%. #3521e2 color hex could be obtained by blending #6a42ff with #0000c5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 13
- B 89
RGB color chart
- C 77
- M 85
- Y 0
- K 11
CMYK color chart

● #3521e2 color description : Vivid blue.

The hexadecimal color #3521e2 has RGB values of R:53, G:33, B:226 and CMYK values of C:0.77, M:0.85, Y:0, K:0.11. Its decimal value is 3482082.

Hex triplet	3521e2	`#3521e2`
RGB Decimal	53, 33, 226	`rgb(53,33,226)`
RGB Percent	20.8, 12.9, 88.6	`rgb(20.8%,12.9%,88.6%)`
CMYK	77, 85, 0, 11
HSL	246.2°, 76.9, 50.8	`hsl(246.2,76.9%,50.8%)`
HSV (or HSB)	246.2°, 85.4, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.557, 65.258, -90.953
XYZ	15.737, 7.335, 72.534
xyY	0.165, 0.077, 7.335
CIE-LCH	32.557, 111.943, 305.659
CIE-LUV	32.557, -6.142, -116.849
Hunter-Lab	27.083, 56.327, -139.836
Binary	00110101, 00100001, 11100010

#3521e2
```
#3521e2 rgb(53,33,226)
```
#cee221
```
#cee221 rgb(206,226,33)
```

Complementary Color

#216ee2
```
#216ee2 rgb(33,110,226)
```
#3521e2
```
#3521e2 rgb(53,33,226)
```
#9621e2
```
#9621e2 rgb(150,33,226)
```

Analogous Color

#6ee221
```
#6ee221 rgb(110,226,33)
```
#3521e2
```
#3521e2 rgb(53,33,226)
```
#e29621
```
#e29621 rgb(226,150,33)
```

Split Complementary Color

#21e235
```
#21e235 rgb(33,226,53)
```
#3521e2
```
#3521e2 rgb(53,33,226)
```
#e23521
```
#e23521 rgb(226,53,33)
```

Triadic Color

#21cee2
```
#21cee2 rgb(33,206,226)
```
#3521e2
```
#3521e2 rgb(53,33,226)
```
#e23521
```
#e23521 rgb(226,53,33)
```
#cee221
```
#cee221 rgb(206,226,33)
```

Tetradic Color

#2415a1
```
#2415a1 rgb(36,21,161)
```
#2918b8
```
#2918b8 rgb(41,24,184)
```
#2e1bcf
```
#2e1bcf rgb(46,27,207)
```
#3521e2
```
#3521e2 rgb(53,33,226)
```
#4a38e5
```
#4a38e5 rgb(74,56,229)
```
#5e4ee8
```
#5e4ee8 rgb(94,78,232)
```
#7365eb
```
#7365eb rgb(115,101,235)
```

Monochromatic Color

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

#213de2
```
#213de2 rgb(33,61,226)
```
#212de2
```
#212de2 rgb(33,45,226)
```
#2521e2
```
#2521e2 rgb(37,33,226)
```
#3521e2
```
#3521e2 rgb(53,33,226)
```
#4521e2
```
#4521e2 rgb(69,33,226)
```
#5521e2
```
#5521e2 rgb(85,33,226)
```
#6521e2
```
#6521e2 rgb(101,33,226)
```

Similar Colors

Text with hexadecimal color #3521e2

This text has a font color of #3521e2.

<span style="color:#3521e2;">Text here</span>

#3521e2 background color

This paragraph has a background color of #3521e2.

<p style="background-color:#3521e2;">Content here</p>

#3521e2 border color

This element has a border color of #3521e2.

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

CSS codes

.text {color:#3521e2;}

.background {background-color:#3521e2;}

.border {border:1px solid #3521e2;}

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

#010004
```
#010004 rgb(1,0,4)
```
#050315
```
#050315 rgb(5,3,21)
```
#080526
```
#080526 rgb(8,5,38)
```
#0c0738
```
#0c0738 rgb(12,7,56)
```
#100a49
```
#100a49 rgb(16,10,73)
```
#140c5a
```
#140c5a rgb(20,12,90)
```
#180e6c
```
#180e6c rgb(24,14,108)
```
#1c107d
```
#1c107d rgb(28,16,125)
```
#1f138e
```
#1f138e rgb(31,19,142)
```
#2315a0
```
#2315a0 rgb(35,21,160)
```
#2717b1
```
#2717b1 rgb(39,23,177)
```
#2b19c2
```
#2b19c2 rgb(43,25,194)
```
#2f1cd4
```
#2f1cd4 rgb(47,28,212)
```

Shade Color Variation

#3521e2
```
#3521e2 rgb(53,33,226)
```
#4532e4
```
#4532e4 rgb(69,50,228)
```
#5544e7
```
#5544e7 rgb(85,68,231)
```
#6455e9
```
#6455e9 rgb(100,85,233)
```
#7466eb
```
#7466eb rgb(116,102,235)
```
#8478ed
```
#8478ed rgb(132,120,237)
```
#9489f0
```
#9489f0 rgb(148,137,240)
```
#a49af2
```
#a49af2 rgb(164,154,242)
```
#b3acf4
```
#b3acf4 rgb(179,172,244)
```
#c3bdf6
```
#c3bdf6 rgb(195,189,246)
```
#d3cef9
```
#d3cef9 rgb(211,206,249)
```
#e3e0fb
```
#e3e0fb rgb(227,224,251)
```
#f2f1fd
```
#f2f1fd rgb(242,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a788b is the less saturated color, while #1e04ff is the most saturated one.

#7a788b
```
#7a788b rgb(122,120,139)
```
#726e95
```
#726e95 rgb(114,110,149)
```
#6b659e
```
#6b659e rgb(107,101,158)
```
#635ba8
```
#635ba8 rgb(99,91,168)
```
#5b51b2
```
#5b51b2 rgb(91,81,178)
```
#5448bb
```
#5448bb rgb(84,72,187)
```
#4c3ec5
```
#4c3ec5 rgb(76,62,197)
```
#4434cf
```
#4434cf rgb(68,52,207)
```
#3d2bd8
```
#3d2bd8 rgb(61,43,216)
```
#3521e2
```
#3521e2 rgb(53,33,226)
```
#2d17ec
```
#2d17ec rgb(45,23,236)
```
#260ef5
```
#260ef5 rgb(38,14,245)
```
#1e04ff
```
#1e04ff rgb(30,4,255)
```

Tone Color Variation

Below, you can see how #3521e2 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

#3d3d3d Achromatopsia 0.005% of the population
#3b375e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#1341b9 Protanomaly 1% of men, 0.01% of women
#1344ab Deuteranomaly 6% of men, 0.4% of women
#134891 Tritanomaly 0.01% of the population

#3521e2 hex color

#3521e2 Color Information

#3521e2 Color Conversion

Color Schemes with #3521e2

Alternatives to #3521e2

#3521e2 Preview

Shades and Tints of #3521e2

Tones of #3521e2

Color Blindness Simulator