#3522e7 hex color

In a RGB color space, hex #3522e7 is composed of 20.8% red, 13.3% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 85.3% magenta, 0% yellow and 9.4% black. It has a hue angle of 245.8 degrees, a saturation of 80.4% and a lightness of 52%. #3522e7 color hex could be obtained by blending #6a44ff with #0000cf. Closest websafe color is: #3333ff.

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

● #3522e7 color description : Vivid blue.

The hexadecimal color #3522e7 has RGB values of R:53, G:34, B:231 and CMYK values of C:0.77, M:0.85, Y:0, K:0.09. Its decimal value is 3482343.

Hex triplet	3522e7	`#3522e7`
RGB Decimal	53, 34, 231	`rgb(53,34,231)`
RGB Percent	20.8, 13.3, 90.6	`rgb(20.8%,13.3%,90.6%)`
CMYK	77, 85, 0, 9
HSL	245.8°, 80.4, 52	`hsl(245.8,80.4%,52%)`
HSV (or HSB)	245.8°, 85.3, 90.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.285, 66.27, -92.601
XYZ	16.461, 7.669, 76.21
xyY	0.164, 0.076, 7.669
CIE-LCH	33.285, 113.871, 305.59
CIE-LUV	33.285, -6.493, -119.716
Hunter-Lab	27.694, 57.637, -143.773
Binary	00110101, 00100010, 11100111

#3522e7
```
#3522e7 rgb(53,34,231)
```
#d4e722
```
#d4e722 rgb(212,231,34)
```

Complementary Color

#2272e7
```
#2272e7 rgb(34,114,231)
```
#3522e7
```
#3522e7 rgb(53,34,231)
```
#9822e7
```
#9822e7 rgb(152,34,231)
```

Analogous Color

#72e722
```
#72e722 rgb(114,231,34)
```
#3522e7
```
#3522e7 rgb(53,34,231)
```
#e79822
```
#e79822 rgb(231,152,34)
```

Split Complementary Color

#22e735
```
#22e735 rgb(34,231,53)
```
#3522e7
```
#3522e7 rgb(53,34,231)
```
#e73522
```
#e73522 rgb(231,53,34)
```

Triadic Color

#22d4e7
```
#22d4e7 rgb(34,212,231)
```
#3522e7
```
#3522e7 rgb(53,34,231)
```
#e73522
```
#e73522 rgb(231,53,34)
```
#d4e722
```
#d4e722 rgb(212,231,34)
```

Tetradic Color

#2112aa
```
#2112aa rgb(33,18,170)
```
#2615c1
```
#2615c1 rgb(38,21,193)
```
#2a17d8
```
#2a17d8 rgb(42,23,216)
```
#3522e7
```
#3522e7 rgb(53,34,231)
```
#4a39e9
```
#4a39e9 rgb(74,57,233)
```
#5f50ec
```
#5f50ec rgb(95,80,236)
```
#7467ee
```
#7467ee rgb(116,103,238)
```

Monochromatic Color

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

#2240e7
```
#2240e7 rgb(34,64,231)
```
#2230e7
```
#2230e7 rgb(34,48,231)
```
#2522e7
```
#2522e7 rgb(37,34,231)
```
#3522e7
```
#3522e7 rgb(53,34,231)
```
#4522e7
```
#4522e7 rgb(69,34,231)
```
#5622e7
```
#5622e7 rgb(86,34,231)
```
#6622e7
```
#6622e7 rgb(102,34,231)
```

Similar Colors

Text with hexadecimal color #3522e7

This text has a font color of #3522e7.

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

#3522e7 background color

This paragraph has a background color of #3522e7.

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

#3522e7 border color

This element has a border color of #3522e7.

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

CSS codes

.text {color:#3522e7;}

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

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

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

#020109
```
#020109 rgb(2,1,9)
```
#05031b
```
#05031b rgb(5,3,27)
```
#09052c
```
#09052c rgb(9,5,44)
```
#0c073e
```
#0c073e rgb(12,7,62)
```
#100950
```
#100950 rgb(16,9,80)
```
#130b61
```
#130b61 rgb(19,11,97)
```
#160d73
```
#160d73 rgb(22,13,115)
```
#1a0e85
```
#1a0e85 rgb(26,14,133)
```
#1d1097
```
#1d1097 rgb(29,16,151)
```
#2112a8
```
#2112a8 rgb(33,18,168)
```
#2414ba
```
#2414ba rgb(36,20,186)
```
#2816cc
```
#2816cc rgb(40,22,204)
```
#2b18dd
```
#2b18dd rgb(43,24,221)
```

Shade Color Variation

#3522e7
```
#3522e7 rgb(53,34,231)
```
#4534e9
```
#4534e9 rgb(69,52,233)
```
#5545eb
```
#5545eb rgb(85,69,235)
```
#6657ed
```
#6657ed rgb(102,87,237)
```
#7669ef
```
#7669ef rgb(118,105,239)
```
#867af1
```
#867af1 rgb(134,122,241)
```
#968cf3
```
#968cf3 rgb(150,140,243)
```
#a69ef4
```
#a69ef4 rgb(166,158,244)
```
#b6b0f6
```
#b6b0f6 rgb(182,176,246)
```
#c7c1f8
```
#c7c1f8 rgb(199,193,248)
```
#d7d3fa
```
#d7d3fa rgb(215,211,250)
```
#e7e5fc
```
#e7e5fc rgb(231,229,252)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818089 is the less saturated color, while #260ffa is the most saturated one.

#818089
```
#818089 rgb(129,128,137)
```
#797792
```
#797792 rgb(121,119,146)
```
#726d9c
```
#726d9c rgb(114,109,156)
```
#6a64a5
```
#6a64a5 rgb(106,100,165)
```
#635bae
```
#635bae rgb(99,91,174)
```
#5b51b8
```
#5b51b8 rgb(91,81,184)
```
#5348c1
```
#5348c1 rgb(83,72,193)
```
#4c3ecb
```
#4c3ecb rgb(76,62,203)
```
#4435d4
```
#4435d4 rgb(68,53,212)
```
#3d2bde
```
#3d2bde rgb(61,43,222)
```
#3522e7
```
#3522e7 rgb(53,34,231)
```
#2d19f0
```
#2d19f0 rgb(45,25,240)
```
#260ffa
```
#260ffa rgb(38,15,250)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3c3860 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a4 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#1342bc Protanomaly 1% of men, 0.01% of women
#1345ae Deuteranomaly 6% of men, 0.4% of women
#134994 Tritanomaly 0.01% of the population

#3522e7 hex color

#3522e7 Color Information

#3522e7 Color Conversion

Color Schemes with #3522e7

Alternatives to #3522e7

#3522e7 Preview

Shades and Tints of #3522e7

Tones of #3522e7

Color Blindness Simulator