#3514e2 hex color

In a RGB color space, hex #3514e2 is composed of 20.8% red, 7.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 91.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 249.6 degrees, a saturation of 83.7% and a lightness of 48.2%. #3514e2 color hex could be obtained by blending #6a28ff with #0000c5. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 21
- G 8
- B 89
RGB color chart
- C 77
- M 91
- Y 0
- K 11
CMYK color chart

● #3514e2 color description : Vivid blue.

The hexadecimal color #3514e2 has RGB values of R:53, G:20, B:226 and CMYK values of C:0.77, M:0.91, Y:0, K:0.11. Its decimal value is 3478754.

Hex triplet	3514e2	`#3514e2`
RGB Decimal	53, 20, 226	`rgb(53,20,226)`
RGB Percent	20.8, 7.8, 88.6	`rgb(20.8%,7.8%,88.6%)`
CMYK	77, 91, 0, 11
HSL	249.6°, 83.7, 48.2	`hsl(249.6,83.7%,48.2%)`
HSV (or HSB)	249.6°, 91.2, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	31.224, 69.283, -93.172
XYZ	15.443, 6.747, 72.436
xyY	0.163, 0.071, 6.747
CIE-LCH	31.224, 116.108, 306.635
CIE-LUV	31.224, -5.224, -116.296
Hunter-Lab	25.975, 60.666, -147.155
Binary	00110101, 00010100, 11100010

#3514e2
```
#3514e2 rgb(53,20,226)
```
#c1e214
```
#c1e214 rgb(193,226,20)
```

Complementary Color

#145ae2
```
#145ae2 rgb(20,90,226)
```
#3514e2
```
#3514e2 rgb(53,20,226)
```
#9c14e2
```
#9c14e2 rgb(156,20,226)
```

Analogous Color

#5ae214
```
#5ae214 rgb(90,226,20)
```
#3514e2
```
#3514e2 rgb(53,20,226)
```
#e29c14
```
#e29c14 rgb(226,156,20)
```

Split Complementary Color

#14e235
```
#14e235 rgb(20,226,53)
```
#3514e2
```
#3514e2 rgb(53,20,226)
```
#e23514
```
#e23514 rgb(226,53,20)
```

Triadic Color

#14c1e2
```
#14c1e2 rgb(20,193,226)
```
#3514e2
```
#3514e2 rgb(53,20,226)
```
#e23514
```
#e23514 rgb(226,53,20)
```
#c1e214
```
#c1e214 rgb(193,226,20)
```

Tetradic Color

#250e9c
```
#250e9c rgb(37,14,156)
```
#2a10b3
```
#2a10b3 rgb(42,16,179)
```
#3012cb
```
#3012cb rgb(48,18,203)
```
#3514e2
```
#3514e2 rgb(53,20,226)
```
#4424ec
```
#4424ec rgb(68,36,236)
```
#583bee
```
#583bee rgb(88,59,238)
```
#6c53f0
```
#6c53f0 rgb(108,83,240)
```

Monochromatic Color

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

#1426e2
```
#1426e2 rgb(20,38,226)
```
#1415e2
```
#1415e2 rgb(20,21,226)
```
#2414e2
```
#2414e2 rgb(36,20,226)
```
#3514e2
```
#3514e2 rgb(53,20,226)
```
#4614e2
```
#4614e2 rgb(70,20,226)
```
#5714e2
```
#5714e2 rgb(87,20,226)
```
#6914e2
```
#6914e2 rgb(105,20,226)
```

Similar Colors

Text with hexadecimal color #3514e2

This text has a font color of #3514e2.

<span style="color:#3514e2;">Text here</span>

#3514e2 background color

This paragraph has a background color of #3514e2.

<p style="background-color:#3514e2;">Content here</p>

#3514e2 border color

This element has a border color of #3514e2.

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

CSS codes

.text {color:#3514e2;}

.background {background-color:#3514e2;}

.border {border:1px solid #3514e2;}

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

#02010a
```
#02010a rgb(2,1,10)
```
#07021c
```
#07021c rgb(7,2,28)
```
#0b042e
```
#0b042e rgb(11,4,46)
```
#0f0640
```
#0f0640 rgb(15,6,64)
```
#130752
```
#130752 rgb(19,7,82)
```
#170964
```
#170964 rgb(23,9,100)
```
#1c0a76
```
#1c0a76 rgb(28,10,118)
```
#200c88
```
#200c88 rgb(32,12,136)
```
#240e9a
```
#240e9a rgb(36,14,154)
```
#280fac
```
#280fac rgb(40,15,172)
```
#2d11be
```
#2d11be rgb(45,17,190)
```
#3112d0
```
#3112d0 rgb(49,18,208)
```
#3514e2
```
#3514e2 rgb(53,20,226)
```

Shade Color Variation

#3f1eeb
```
#3f1eeb rgb(63,30,235)
```
#4f31ed
```
#4f31ed rgb(79,49,237)
```
#5e43ee
```
#5e43ee rgb(94,67,238)
```
#6d55f0
```
#6d55f0 rgb(109,85,240)
```
#7d67f2
```
#7d67f2 rgb(125,103,242)
```
#8c79f3
```
#8c79f3 rgb(140,121,243)
```
#9c8bf5
```
#9c8bf5 rgb(156,139,245)
```
#ab9df6
```
#ab9df6 rgb(171,157,246)
```
#baaff8
```
#baaff8 rgb(186,175,248)
```
#cac1f9
```
#cac1f9 rgb(202,193,249)
```
#d9d3fb
```
#d9d3fb rgb(217,211,251)
```
#e9e5fd
```
#e9e5fd rgb(233,229,253)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757383 is the less saturated color, while #2801f5 is the most saturated one.

#757383
```
#757383 rgb(117,115,131)
```
#6f698d
```
#6f698d rgb(111,105,141)
```
#686096
```
#686096 rgb(104,96,150)
```
#6256a0
```
#6256a0 rgb(98,86,160)
```
#5c4da9
```
#5c4da9 rgb(92,77,169)
```
#5543b3
```
#5543b3 rgb(85,67,179)
```
#4f3abc
```
#4f3abc rgb(79,58,188)
```
#4830c6
```
#4830c6 rgb(72,48,198)
```
#4227cf
```
#4227cf rgb(66,39,207)
```
#3b1dd9
```
#3b1dd9 rgb(59,29,217)
```
#3514e2
```
#3514e2 rgb(53,20,226)
```
#2f0beb
```
#2f0beb rgb(47,11,235)
```
#2801f5
```
#2801f5 rgb(40,1,245)
```

Tone Color Variation

Below, you can see how #3514e2 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

#353535 Achromatopsia 0.005% of the population
#352e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#133ab5 Protanomaly 1% of men, 0.01% of women
#133da8 Deuteranomaly 6% of men, 0.4% of women
#13418e Tritanomaly 0.01% of the population

#3514e2 hex color

#3514e2 Color Information

#3514e2 Color Conversion

Color Schemes with #3514e2

Alternatives to #3514e2

#3514e2 Preview

Shades and Tints of #3514e2

Tones of #3514e2

Color Blindness Simulator