#3522dd hex color

In a RGB color space, hex #3522dd is composed of 20.8% red, 13.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 84.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 246.1 degrees, a saturation of 73.3% and a lightness of 50%. #3522dd color hex could be obtained by blending #6a44ff with #0000bb. Closest websafe color is: #3333cc.

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

● #3522dd color description : Bright blue.

The hexadecimal color #3522dd has RGB values of R:53, G:34, B:221 and CMYK values of C:0.76, M:0.85, Y:0, K:0.13. Its decimal value is 3482333.

Hex triplet	3522dd	`#3522dd`
RGB Decimal	53, 34, 221	`rgb(53,34,221)`
RGB Percent	20.8, 13.3, 86.7	`rgb(20.8%,13.3%,86.7%)`
CMYK	76, 85, 0, 13
HSL	246.1°, 73.3, 50	`hsl(246.1,73.3%,50%)`
HSV (or HSB)	246.1°, 84.6, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.08, 63.494, -88.877
XYZ	15.089, 7.12, 68.982
xyY	0.165, 0.078, 7.12
CIE-LCH	32.08, 109.227, 305.542
CIE-LUV	32.08, -5.964, -114.041
Hunter-Lab	26.684, 54.237, -134.592
Binary	00110101, 00100010, 11011101

#3522dd
```
#3522dd rgb(53,34,221)
```
#cadd22
```
#cadd22 rgb(202,221,34)
```

Complementary Color

#226ddd
```
#226ddd rgb(34,109,221)
```
#3522dd
```
#3522dd rgb(53,34,221)
```
#9322dd
```
#9322dd rgb(147,34,221)
```

Analogous Color

#6ddd22
```
#6ddd22 rgb(109,221,34)
```
#3522dd
```
#3522dd rgb(53,34,221)
```
#dd9322
```
#dd9322 rgb(221,147,34)
```

Split Complementary Color

#22dd35
```
#22dd35 rgb(34,221,53)
```
#3522dd
```
#3522dd rgb(53,34,221)
```
#dd3522
```
#dd3522 rgb(221,53,34)
```

Triadic Color

#22cadd
```
#22cadd rgb(34,202,221)
```
#3522dd
```
#3522dd rgb(53,34,221)
```
#dd3522
```
#dd3522 rgb(221,53,34)
```
#cadd22
```
#cadd22 rgb(202,221,34)
```

Tetradic Color

#25189b
```
#25189b rgb(37,24,155)
```
#2a1bb1
```
#2a1bb1 rgb(42,27,177)
```
#301fc7
```
#301fc7 rgb(48,31,199)
```
#3522dd
```
#3522dd rgb(53,34,221)
```
#4938e0
```
#4938e0 rgb(73,56,224)
```
#5d4ee4
```
#5d4ee4 rgb(93,78,228)
```
#7264e7
```
#7264e7 rgb(114,100,231)
```

Monochromatic Color

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

#223edd
```
#223edd rgb(34,62,221)
```
#222edd
```
#222edd rgb(34,46,221)
```
#2522dd
```
#2522dd rgb(37,34,221)
```
#3522dd
```
#3522dd rgb(53,34,221)
```
#4522dd
```
#4522dd rgb(69,34,221)
```
#5422dd
```
#5422dd rgb(84,34,221)
```
#6422dd
```
#6422dd rgb(100,34,221)
```

Similar Colors

Text with hexadecimal color #3522dd

This text has a font color of #3522dd.

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

#3522dd background color

This paragraph has a background color of #3522dd.

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

#3522dd border color

This element has a border color of #3522dd.

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

CSS codes

.text {color:#3522dd;}

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

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

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

#040311
```
#040311 rgb(4,3,17)
```
#080522
```
#080522 rgb(8,5,34)
```
#0c0833
```
#0c0833 rgb(12,8,51)
```
#100a44
```
#100a44 rgb(16,10,68)
```
#140d55
```
#140d55 rgb(20,13,85)
```
#181066
```
#181066 rgb(24,16,102)
```
#1d1277
```
#1d1277 rgb(29,18,119)
```
#211588
```
#211588 rgb(33,21,136)
```
#251899
```
#251899 rgb(37,24,153)
```
#291aaa
```
#291aaa rgb(41,26,170)
```
#2d1dbb
```
#2d1dbb rgb(45,29,187)
```
#311fcc
```
#311fcc rgb(49,31,204)
```
#3522dd
```
#3522dd rgb(53,34,221)
```

Shade Color Variation

#4533e0
```
#4533e0 rgb(69,51,224)
```
#5444e2
```
#5444e2 rgb(84,68,226)
```
#6455e5
```
#6455e5 rgb(100,85,229)
```
#7366e7
```
#7366e7 rgb(115,102,231)
```
#8377ea
```
#8377ea rgb(131,119,234)
```
#9288ed
```
#9288ed rgb(146,136,237)
```
#a299ef
```
#a299ef rgb(162,153,239)
```
#b1aaf2
```
#b1aaf2 rgb(177,170,242)
```
#c1bbf5
```
#c1bbf5 rgb(193,187,245)
```
#d0ccf7
```
#d0ccf7 rgb(208,204,247)
```
#e0ddfa
```
#e0ddfa rgb(224,221,250)
```
#efeefc
```
#efeefc rgb(239,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7a85
```
#7b7a85 rgb(123,122,133)
```
#74708f
```
#74708f rgb(116,112,143)
```
#6c6798
```
#6c6798 rgb(108,103,152)
```
#645da2
```
#645da2 rgb(100,93,162)
```
#5c53ac
```
#5c53ac rgb(92,83,172)
```
#5449b6
```
#5449b6 rgb(84,73,182)
```
#4c3fc0
```
#4c3fc0 rgb(76,63,192)
```
#4536c9
```
#4536c9 rgb(69,54,201)
```
#3d2cd3
```
#3d2cd3 rgb(61,44,211)
```
#3522dd
```
#3522dd rgb(53,34,221)
```
#2d18e7
```
#2d18e7 rgb(45,24,231)
```
#250ef1
```
#250ef1 rgb(37,14,241)
```
#1e05fa
```
#1e05fa rgb(30,5,250)
```

Tone Color Variation

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

Dichromacy

#00529f Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#1340b6 Protanomaly 1% of men, 0.01% of women
#1343a8 Deuteranomaly 6% of men, 0.4% of women
#13478e Tritanomaly 0.01% of the population

#3522dd hex color

#3522dd Color Information

#3522dd Color Conversion

Color Schemes with #3522dd

Alternatives to #3522dd

#3522dd Preview

Shades and Tints of #3522dd

Tones of #3522dd

Color Blindness Simulator