#3528b2 hex color

In a RGB color space, hex #3528b2 is composed of 20.8% red, 15.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 77.5% magenta, 0% yellow and 30.2% black. It has a hue angle of 245.7 degrees, a saturation of 63.3% and a lightness of 42.7%. #3528b2 color hex could be obtained by blending #6a50ff with #000065. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 16
- B 70
RGB color chart
- C 70
- M 78
- Y 0
- K 30
CMYK color chart

● #3528b2 color description : Dark blue.

The hexadecimal color #3528b2 has RGB values of R:53, G:40, B:178 and CMYK values of C:0.7, M:0.78, Y:0, K:0.3. Its decimal value is 3483826.

Hex triplet	3528b2	`#3528b2`
RGB Decimal	53, 40, 178	`rgb(53,40,178)`
RGB Percent	20.8, 15.7, 69.8	`rgb(20.8%,15.7%,69.8%)`
CMYK	70, 78, 0, 30
HSL	245.7°, 63.3, 42.7	`hsl(245.7,63.3%,42.7%)`
HSV (or HSB)	245.7°, 77.5, 69.8
Web Safe	333399	`#333399`

CIE-LAB	28.083, 48.068, -70.314
XYZ	10.261, 5.488, 42.636
xyY	0.176, 0.094, 5.488
CIE-LCH	28.083, 85.174, 304.358
CIE-LUV	28.083, -4.267, -89.195
Hunter-Lab	23.427, 37.187, -91.505
Binary	00110101, 00101000, 10110010

#3528b2
```
#3528b2 rgb(53,40,178)
```
#a5b228
```
#a5b228 rgb(165,178,40)
```

Complementary Color

#2860b2
```
#2860b2 rgb(40,96,178)
```
#3528b2
```
#3528b2 rgb(53,40,178)
```
#7a28b2
```
#7a28b2 rgb(122,40,178)
```

Analogous Color

#60b228
```
#60b228 rgb(96,178,40)
```
#3528b2
```
#3528b2 rgb(53,40,178)
```
#b27a28
```
#b27a28 rgb(178,122,40)
```

Split Complementary Color

#28b235
```
#28b235 rgb(40,178,53)
```
#3528b2
```
#3528b2 rgb(53,40,178)
```
#b23528
```
#b23528 rgb(178,53,40)
```

Triadic Color

#28a5b2
```
#28a5b2 rgb(40,165,178)
```
#3528b2
```
#3528b2 rgb(53,40,178)
```
#b23528
```
#b23528 rgb(178,53,40)
```
#a5b228
```
#a5b228 rgb(165,178,40)
```

Tetradic Color

#221a74
```
#221a74 rgb(34,26,116)
```
#291f88
```
#291f88 rgb(41,31,136)
```
#2f239d
```
#2f239d rgb(47,35,157)
```
#3528b2
```
#3528b2 rgb(53,40,178)
```
#3b2dc7
```
#3b2dc7 rgb(59,45,199)
```
#493ad3
```
#493ad3 rgb(73,58,211)
```
#5c4fd7
```
#5c4fd7 rgb(92,79,215)
```

Monochromatic Color

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

#283db2
```
#283db2 rgb(40,61,178)
```
#2832b2
```
#2832b2 rgb(40,50,178)
```
#2a28b2
```
#2a28b2 rgb(42,40,178)
```
#3528b2
```
#3528b2 rgb(53,40,178)
```
#4128b2
```
#4128b2 rgb(65,40,178)
```
#4c28b2
```
#4c28b2 rgb(76,40,178)
```
#5828b2
```
#5828b2 rgb(88,40,178)
```

Similar Colors

Text with hexadecimal color #3528b2

This text has a font color of #3528b2.

<span style="color:#3528b2;">Text here</span>

#3528b2 background color

This paragraph has a background color of #3528b2.

<p style="background-color:#3528b2;">Content here</p>

#3528b2 border color

This element has a border color of #3528b2.

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

CSS codes

.text {color:#3528b2;}

.background {background-color:#3528b2;}

.border {border:1px solid #3528b2;}

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

#010002
```
#010002 rgb(1,0,2)
```
#050412
```
#050412 rgb(5,4,18)
```
#0a0822
```
#0a0822 rgb(10,8,34)
```
#0f0b32
```
#0f0b32 rgb(15,11,50)
```
#140f42
```
#140f42 rgb(20,15,66)
```
#181252
```
#181252 rgb(24,18,82)
```
#1d1662
```
#1d1662 rgb(29,22,98)
```
#221a72
```
#221a72 rgb(34,26,114)
```
#271d82
```
#271d82 rgb(39,29,130)
```
#2b2192
```
#2b2192 rgb(43,33,146)
```
#3024a2
```
#3024a2 rgb(48,36,162)
```
#3528b2
```
#3528b2 rgb(53,40,178)
```
#3a2cc2
```
#3a2cc2 rgb(58,44,194)
```

Shade Color Variation

#4031d1
```
#4031d1 rgb(64,49,209)
```
#4f41d4
```
#4f41d4 rgb(79,65,212)
```
#5d51d8
```
#5d51d8 rgb(93,81,216)
```
#6c61db
```
#6c61db rgb(108,97,219)
```
#7b71df
```
#7b71df rgb(123,113,223)
```
#8a81e3
```
#8a81e3 rgb(138,129,227)
```
#9991e6
```
#9991e6 rgb(153,145,230)
```
#a8a1ea
```
#a8a1ea rgb(168,161,234)
```
#b6b1ed
```
#b6b1ed rgb(182,177,237)
```
#c5c1f1
```
#c5c1f1 rgb(197,193,241)
```
#d4d1f5
```
#d4d1f5 rgb(212,209,245)
```
#e3e1f8
```
#e3e1f8 rgb(227,225,248)
```
#f2f1fc
```
#f2f1fc rgb(242,241,252)
```

Tint Color Variation

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

#6b6b6f
```
#6b6b6f rgb(107,107,111)
```
#656377
```
#656377 rgb(101,99,119)
```
#5e5a80
```
#5e5a80 rgb(94,90,128)
```
#575288
```
#575288 rgb(87,82,136)
```
#504a90
```
#504a90 rgb(80,74,144)
```
#494199
```
#494199 rgb(73,65,153)
```
#4339a1
```
#4339a1 rgb(67,57,161)
```
#3c30aa
```
#3c30aa rgb(60,48,170)
```
#3528b2
```
#3528b2 rgb(53,40,178)
```
#2e20ba
```
#2e20ba rgb(46,32,186)
```
#2717c3
```
#2717c3 rgb(39,23,195)
```
#210fcb
```
#210fcb rgb(33,15,203)
```
#1a06d4
```
#1a06d4 rgb(26,6,212)
```

Tone Color Variation

Below, you can see how #3528b2 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
#3b3854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#133d9c Protanomaly 1% of men, 0.01% of women
#13408f Deuteranomaly 6% of men, 0.4% of women
#134378 Tritanomaly 0.01% of the population

#3528b2 hex color

#3528b2 Color Information

#3528b2 Color Conversion

Color Schemes with #3528b2

Alternatives to #3528b2

#3528b2 Preview

Shades and Tints of #3528b2

Tones of #3528b2

Color Blindness Simulator