#3522d4 hex color

In a RGB color space, hex #3522d4 is composed of 20.8% red, 13.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 84% magenta, 0% yellow and 16.9% black. It has a hue angle of 246.4 degrees, a saturation of 72.4% and a lightness of 48.2%. #3522d4 color hex could be obtained by blending #6a44ff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 13
- B 83
RGB color chart
- C 75
- M 84
- Y 0
- K 17
CMYK color chart

● #3522d4 color description : Strong blue.

The hexadecimal color #3522d4 has RGB values of R:53, G:34, B:212 and CMYK values of C:0.75, M:0.84, Y:0, K:0.17. Its decimal value is 3482324.

Hex triplet	3522d4	`#3522d4`
RGB Decimal	53, 34, 212	`rgb(53,34,212)`
RGB Percent	20.8, 13.3, 83.1	`rgb(20.8%,13.3%,83.1%)`
CMYK	75, 84, 0, 17
HSL	246.4°, 72.4, 48.2	`hsl(246.4,72.4%,48.2%)`
HSV (or HSB)	246.4°, 84, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.005, 60.957, -85.468
XYZ	13.922, 6.654, 62.834
xyY	0.167, 0.08, 6.654
CIE-LCH	31.005, 104.979, 305.497
CIE-LUV	31.005, -5.477, -108.908
Hunter-Lab	25.795, 51.198, -126.371
Binary	00110101, 00100010, 11010100

#3522d4
```
#3522d4 rgb(53,34,212)
```
#c1d422
```
#c1d422 rgb(193,212,34)
```

Complementary Color

#2268d4
```
#2268d4 rgb(34,104,212)
```
#3522d4
```
#3522d4 rgb(53,34,212)
```
#8e22d4
```
#8e22d4 rgb(142,34,212)
```

Analogous Color

#68d422
```
#68d422 rgb(104,212,34)
```
#3522d4
```
#3522d4 rgb(53,34,212)
```
#d48e22
```
#d48e22 rgb(212,142,34)
```

Split Complementary Color

#22d435
```
#22d435 rgb(34,212,53)
```
#3522d4
```
#3522d4 rgb(53,34,212)
```
#d43522
```
#d43522 rgb(212,53,34)
```

Triadic Color

#22c1d4
```
#22c1d4 rgb(34,193,212)
```
#3522d4
```
#3522d4 rgb(53,34,212)
```
#d43522
```
#d43522 rgb(212,53,34)
```
#c1d422
```
#c1d422 rgb(193,212,34)
```

Tetradic Color

#251792
```
#251792 rgb(37,23,146)
```
#2a1ba8
```
#2a1ba8 rgb(42,27,168)
```
#301ebe
```
#301ebe rgb(48,30,190)
```
#3522d4
```
#3522d4 rgb(53,34,212)
```
#4431de
```
#4431de rgb(68,49,222)
```
#5847e2
```
#5847e2 rgb(88,71,226)
```
#6c5de5
```
#6c5de5 rgb(108,93,229)
```

Monochromatic Color

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

#223bd4
```
#223bd4 rgb(34,59,212)
```
#222dd4
```
#222dd4 rgb(34,45,212)
```
#2622d4
```
#2622d4 rgb(38,34,212)
```
#3522d4
```
#3522d4 rgb(53,34,212)
```
#4422d4
```
#4422d4 rgb(68,34,212)
```
#5322d4
```
#5322d4 rgb(83,34,212)
```
#6222d4
```
#6222d4 rgb(98,34,212)
```

Similar Colors

Text with hexadecimal color #3522d4

This text has a font color of #3522d4.

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

#3522d4 background color

This paragraph has a background color of #3522d4.

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

#3522d4 border color

This element has a border color of #3522d4.

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

CSS codes

.text {color:#3522d4;}

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

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

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 #f8f7fe is the lightest one.

#020109
```
#020109 rgb(2,1,9)
```
#07041a
```
#07041a rgb(7,4,26)
```
#0b072b
```
#0b072b rgb(11,7,43)
```
#0f0a3c
```
#0f0a3c rgb(15,10,60)
```
#130c4d
```
#130c4d rgb(19,12,77)
```
#170f5e
```
#170f5e rgb(23,15,94)
```
#1c126f
```
#1c126f rgb(28,18,111)
```
#20147f
```
#20147f rgb(32,20,127)
```
#241790
```
#241790 rgb(36,23,144)
```
#281aa1
```
#281aa1 rgb(40,26,161)
```
#2d1db2
```
#2d1db2 rgb(45,29,178)
```
#311fc3
```
#311fc3 rgb(49,31,195)
```
#3522d4
```
#3522d4 rgb(53,34,212)
```

Shade Color Variation

#3f2cdd
```
#3f2cdd rgb(63,44,221)
```
#4f3de0
```
#4f3de0 rgb(79,61,224)
```
#5e4ee3
```
#5e4ee3 rgb(94,78,227)
```
#6d5fe5
```
#6d5fe5 rgb(109,95,229)
```
#7d70e8
```
#7d70e8 rgb(125,112,232)
```
#8c81eb
```
#8c81eb rgb(140,129,235)
```
#9c92ed
```
#9c92ed rgb(156,146,237)
```
#aba3f0
```
#aba3f0 rgb(171,163,240)
```
#bab4f3
```
#bab4f3 rgb(186,180,243)
```
#cac5f6
```
#cac5f6 rgb(202,197,246)
```
#d9d5f8
```
#d9d5f8 rgb(217,213,248)
```
#e9e6fb
```
#e9e6fb rgb(233,230,251)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#78777f
```
#78777f rgb(120,119,127)
```
#716e88
```
#716e88 rgb(113,110,136)
```
#696492
```
#696492 rgb(105,100,146)
```
#625b9b
```
#625b9b rgb(98,91,155)
```
#5a51a5
```
#5a51a5 rgb(90,81,165)
```
#5348ae
```
#5348ae rgb(83,72,174)
```
#4b3eb8
```
#4b3eb8 rgb(75,62,184)
```
#4435c1
```
#4435c1 rgb(68,53,193)
```
#3c2bcb
```
#3c2bcb rgb(60,43,203)
```
#3522d4
```
#3522d4 rgb(53,34,212)
```
#2e19dd
```
#2e19dd rgb(46,25,221)
```
#260fe7
```
#260fe7 rgb(38,15,231)
```
#1f06f0
```
#1f06f0 rgb(31,6,240)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3b375a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005486 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#133fb0 Protanomaly 1% of men, 0.01% of women
#1342a2 Deuteranomaly 6% of men, 0.4% of women
#134689 Tritanomaly 0.01% of the population

#3522d4 hex color

#3522d4 Color Information

#3522d4 Color Conversion

Color Schemes with #3522d4

Alternatives to #3522d4

#3522d4 Preview

Shades and Tints of #3522d4

Tones of #3522d4

Color Blindness Simulator