#3522da hex color

In a RGB color space, hex #3522da is composed of 20.8% red, 13.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 84.4% magenta, 0% yellow and 14.5% black. It has a hue angle of 246.2 degrees, a saturation of 73% and a lightness of 49.4%. #3522da color hex could be obtained by blending #6a44ff with #0000b5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 13
- B 85
RGB color chart
- C 76
- M 84
- Y 0
- K 15
CMYK color chart

● #3522da color description : Bright blue.

The hexadecimal color #3522da has RGB values of R:53, G:34, B:218 and CMYK values of C:0.76, M:0.84, Y:0, K:0.15. Its decimal value is 3482330.

Hex triplet	3522da	`#3522da`
RGB Decimal	53, 34, 218	`rgb(53,34,218)`
RGB Percent	20.8, 13.3, 85.5	`rgb(20.8%,13.3%,85.5%)`
CMYK	76, 84, 0, 15
HSL	246.2°, 73, 49.4	`hsl(246.2,73%,49.4%)`
HSV (or HSB)	246.2°, 84.4, 85.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.72, 62.652, -87.747
XYZ	14.693, 6.962, 66.895
xyY	0.166, 0.079, 6.962
CIE-LCH	31.72, 107.819, 305.527
CIE-LUV	31.72, -5.803, -112.333
Hunter-Lab	26.386, 53.222, -131.848
Binary	00110101, 00100010, 11011010

#3522da
```
#3522da rgb(53,34,218)
```
#c7da22
```
#c7da22 rgb(199,218,34)
```

Complementary Color

#226bda
```
#226bda rgb(34,107,218)
```
#3522da
```
#3522da rgb(53,34,218)
```
#9122da
```
#9122da rgb(145,34,218)
```

Analogous Color

#6bda22
```
#6bda22 rgb(107,218,34)
```
#3522da
```
#3522da rgb(53,34,218)
```
#da9122
```
#da9122 rgb(218,145,34)
```

Split Complementary Color

#22da35
```
#22da35 rgb(34,218,53)
```
#3522da
```
#3522da rgb(53,34,218)
```
#da3522
```
#da3522 rgb(218,53,34)
```

Triadic Color

#22c7da
```
#22c7da rgb(34,199,218)
```
#3522da
```
#3522da rgb(53,34,218)
```
#da3522
```
#da3522 rgb(218,53,34)
```
#c7da22
```
#c7da22 rgb(199,218,34)
```

Tetradic Color

#251898
```
#251898 rgb(37,24,152)
```
#2a1bae
```
#2a1bae rgb(42,27,174)
```
#301fc4
```
#301fc4 rgb(48,31,196)
```
#3522da
```
#3522da rgb(53,34,218)
```
#4736e0
```
#4736e0 rgb(71,54,224)
```
#5c4ce3
```
#5c4ce3 rgb(92,76,227)
```
#7062e7
```
#7062e7 rgb(112,98,231)
```

Monochromatic Color

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

#223dda
```
#223dda rgb(34,61,218)
```
#222eda
```
#222eda rgb(34,46,218)
```
#2622da
```
#2622da rgb(38,34,218)
```
#3522da
```
#3522da rgb(53,34,218)
```
#4422da
```
#4422da rgb(68,34,218)
```
#5422da
```
#5422da rgb(84,34,218)
```
#6322da
```
#6322da rgb(99,34,218)
```

Similar Colors

Text with hexadecimal color #3522da

This text has a font color of #3522da.

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

#3522da background color

This paragraph has a background color of #3522da.

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

#3522da border color

This element has a border color of #3522da.

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

CSS codes

.text {color:#3522da;}

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

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

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, #03020e is the darkest color, while #fdfcff is the lightest one.

#03020e
```
#03020e rgb(3,2,14)
```
#08051f
```
#08051f rgb(8,5,31)
```
#0c0830
```
#0c0830 rgb(12,8,48)
```
#100a41
```
#100a41 rgb(16,10,65)
```
#140d52
```
#140d52 rgb(20,13,82)
```
#180f63
```
#180f63 rgb(24,15,99)
```
#1c1274
```
#1c1274 rgb(28,18,116)
```
#201585
```
#201585 rgb(32,21,133)
```
#241796
```
#241796 rgb(36,23,150)
```
#291aa7
```
#291aa7 rgb(41,26,167)
```
#2d1db8
```
#2d1db8 rgb(45,29,184)
```
#311fc9
```
#311fc9 rgb(49,31,201)
```
#3522da
```
#3522da rgb(53,34,218)
```

Shade Color Variation

#4331df
```
#4331df rgb(67,49,223)
```
#5242e1
```
#5242e1 rgb(82,66,225)
```
#6253e4
```
#6253e4 rgb(98,83,228)
```
#7164e7
```
#7164e7 rgb(113,100,231)
```
#8175e9
```
#8175e9 rgb(129,117,233)
```
#9086ec
```
#9086ec rgb(144,134,236)
```
#a097ef
```
#a097ef rgb(160,151,239)
```
#afa8f1
```
#afa8f1 rgb(175,168,241)
```
#bfb9f4
```
#bfb9f4 rgb(191,185,244)
```
#cec9f7
```
#cec9f7 rgb(206,201,247)
```
#dedaf9
```
#dedaf9 rgb(222,218,249)
```
#edebfc
```
#edebfc rgb(237,235,252)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#7a7983
```
#7a7983 rgb(122,121,131)
```
#73708c
```
#73708c rgb(115,112,140)
```
#6b6696
```
#6b6696 rgb(107,102,150)
```
#635ca0
```
#635ca0 rgb(99,92,160)
```
#5b52aa
```
#5b52aa rgb(91,82,170)
```
#5449b3
```
#5449b3 rgb(84,73,179)
```
#4c3fbd
```
#4c3fbd rgb(76,63,189)
```
#4435c7
```
#4435c7 rgb(68,53,199)
```
#3d2cd0
```
#3d2cd0 rgb(61,44,208)
```
#3522da
```
#3522da rgb(53,34,218)
```
#2d18e4
```
#2d18e4 rgb(45,24,228)
```
#260fed
```
#260fed rgb(38,15,237)
```
#1e05f7
```
#1e05f7 rgb(30,5,247)
```

Tone Color Variation

Below, you can see how #3522da 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
#3b385c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#1340b4 Protanomaly 1% of men, 0.01% of women
#1343a6 Deuteranomaly 6% of men, 0.4% of women
#13478c Tritanomaly 0.01% of the population

#3522da hex color

#3522da Color Information

#3522da Color Conversion

Color Schemes with #3522da

Alternatives to #3522da

#3522da Preview

Shades and Tints of #3522da

Tones of #3522da

Color Blindness Simulator