#3524eb hex color

In a RGB color space, hex #3524eb is composed of 20.8% red, 14.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 84.7% magenta, 0% yellow and 7.8% black. It has a hue angle of 245.1 degrees, a saturation of 83.3% and a lightness of 53.1%. #3524eb color hex could be obtained by blending #6a48ff with #0000d7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 21
- G 14
- B 92
RGB color chart
- C 77
- M 85
- Y 0
- K 8
CMYK color chart

● #3524eb color description : Bright blue.

The hexadecimal color #3524eb has RGB values of R:53, G:36, B:235 and CMYK values of C:0.77, M:0.85, Y:0, K:0.08. Its decimal value is 3482859.

Hex triplet	3524eb	`#3524eb`
RGB Decimal	53, 36, 235	`rgb(53,36,235)`
RGB Percent	20.8, 14.1, 92.2	`rgb(20.8%,14.1%,92.2%)`
CMYK	77, 85, 0, 8
HSL	245.1°, 83.3, 53.1	`hsl(245.1,83.3%,53.1%)`
HSV (or HSB)	245.1°, 84.7, 92.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.016, 66.633, -93.663
XYZ	17.092, 8.016, 79.239
xyY	0.164, 0.077, 8.016
CIE-LCH	34.016, 114.947, 305.429
CIE-LUV	34.016, -6.877, -122.04
Hunter-Lab	28.312, 58.211, -146.121
Binary	00110101, 00100100, 11101011

#3524eb
```
#3524eb rgb(53,36,235)
```
#daeb24
```
#daeb24 rgb(218,235,36)
```

Complementary Color

#2477eb
```
#2477eb rgb(36,119,235)
```
#3524eb
```
#3524eb rgb(53,36,235)
```
#9924eb
```
#9924eb rgb(153,36,235)
```

Analogous Color

#77eb24
```
#77eb24 rgb(119,235,36)
```
#3524eb
```
#3524eb rgb(53,36,235)
```
#eb9924
```
#eb9924 rgb(235,153,36)
```

Split Complementary Color

#24eb35
```
#24eb35 rgb(36,235,53)
```
#3524eb
```
#3524eb rgb(53,36,235)
```
#eb3524
```
#eb3524 rgb(235,53,36)
```

Triadic Color

#24daeb
```
#24daeb rgb(36,218,235)
```
#3524eb
```
#3524eb rgb(53,36,235)
```
#eb3524
```
#eb3524 rgb(235,53,36)
```
#daeb24
```
#daeb24 rgb(218,235,36)
```

Tetradic Color

#1e10b2
```
#1e10b2 rgb(30,16,178)
```
#2212ca
```
#2212ca rgb(34,18,202)
```
#2615e1
```
#2615e1 rgb(38,21,225)
```
#3524eb
```
#3524eb rgb(53,36,235)
```
#4b3bed
```
#4b3bed rgb(75,59,237)
```
#6053ef
```
#6053ef rgb(96,83,239)
```
#766af1
```
#766af1 rgb(118,106,241)
```

Monochromatic Color

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

#2445eb
```
#2445eb rgb(36,69,235)
```
#2434eb
```
#2434eb rgb(36,52,235)
```
#2424eb
```
#2424eb rgb(36,36,235)
```
#3524eb
```
#3524eb rgb(53,36,235)
```
#4624eb
```
#4624eb rgb(70,36,235)
```
#5624eb
```
#5624eb rgb(86,36,235)
```
#6724eb
```
#6724eb rgb(103,36,235)
```

Similar Colors

Text with hexadecimal color #3524eb

This text has a font color of #3524eb.

<span style="color:#3524eb;">Text here</span>

#3524eb background color

This paragraph has a background color of #3524eb.

<p style="background-color:#3524eb;">Content here</p>

#3524eb border color

This element has a border color of #3524eb.

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

CSS codes

.text {color:#3524eb;}

.background {background-color:#3524eb;}

.border {border:1px solid #3524eb;}

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, #02010f is the darkest color, while #fcfcff is the lightest one.

#02010f
```
#02010f rgb(2,1,15)
```
#060321
```
#060321 rgb(6,3,33)
```
#090533
```
#090533 rgb(9,5,51)
```
#0c0645
```
#0c0645 rgb(12,6,69)
```
#0f0857
```
#0f0857 rgb(15,8,87)
```
#120a69
```
#120a69 rgb(18,10,105)
```
#150b7b
```
#150b7b rgb(21,11,123)
```
#180d8c
```
#180d8c rgb(24,13,140)
```
#1b0e9e
```
#1b0e9e rgb(27,14,158)
```
#1e10b0
```
#1e10b0 rgb(30,16,176)
```
#2112c2
```
#2112c2 rgb(33,18,194)
```
#2413d4
```
#2413d4 rgb(36,19,212)
```
#2715e6
```
#2715e6 rgb(39,21,230)
```

Shade Color Variation

#3524eb
```
#3524eb rgb(53,36,235)
```
#4636ed
```
#4636ed rgb(70,54,237)
```
#5648ee
```
#5648ee rgb(86,72,238)
```
#675af0
```
#675af0 rgb(103,90,240)
```
#776cf2
```
#776cf2 rgb(119,108,242)
```
#887ef3
```
#887ef3 rgb(136,126,243)
```
#9890f5
```
#9890f5 rgb(152,144,245)
```
#a9a2f6
```
#a9a2f6 rgb(169,162,246)
```
#bab4f8
```
#bab4f8 rgb(186,180,248)
```
#cac6fa
```
#cac6fa rgb(202,198,250)
```
#dbd8fb
```
#dbd8fb rgb(219,216,251)
```
#ebeafd
```
#ebeafd rgb(235,234,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#81808f
```
#81808f rgb(129,128,143)
```
#7a7798
```
#7a7798 rgb(122,119,152)
```
#726ea1
```
#726ea1 rgb(114,110,161)
```
#6a64ab
```
#6a64ab rgb(106,100,171)
```
#635bb4
```
#635bb4 rgb(99,91,180)
```
#5b52bd
```
#5b52bd rgb(91,82,189)
```
#5349c6
```
#5349c6 rgb(83,73,198)
```
#4c40cf
```
#4c40cf rgb(76,64,207)
```
#4436d9
```
#4436d9 rgb(68,54,217)
```
#3d2de2
```
#3d2de2 rgb(61,45,226)
```
#3524eb
```
#3524eb rgb(53,36,235)
```
#2d1bf4
```
#2d1bf4 rgb(45,27,244)
```
#2612fd
```
#2612fd rgb(38,18,253)
```

Tone Color Variation

Below, you can see how #3524eb 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

#404040 Achromatopsia 0.005% of the population
#3e3a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#1344c0 Protanomaly 1% of men, 0.01% of women
#1347b1 Deuteranomaly 6% of men, 0.4% of women
#134b96 Tritanomaly 0.01% of the population

#3524eb hex color

#3524eb Color Information

#3524eb Color Conversion

Color Schemes with #3524eb

Alternatives to #3524eb

#3524eb Preview

Shades and Tints of #3524eb

Tones of #3524eb

Color Blindness Simulator