colorhexa.com

#3014e2 hex color

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

- R 19
- G 8
- B 89
RGB color chart
- C 79
- M 91
- Y 0
- K 11
CMYK color chart

● #3014e2 color description : Vivid blue.

The hexadecimal color #3014e2 has RGB values of R:48, G:20, B:226 and CMYK values of C:0.79, M:0.91, Y:0, K:0.11. Its decimal value is 3151074.

Hex triplet	3014e2	`#3014e2`
RGB Decimal	48, 20, 226	`rgb(48,20,226)`
RGB Percent	18.8, 7.8, 88.6	`rgb(18.8%,7.8%,88.6%)`
CMYK	79, 91, 0, 11
HSL	248.2°, 83.7, 48.2	`hsl(248.2,83.7%,48.2%)`
HSV (or HSB)	248.2°, 91.2, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.923, 69.108, -93.683
XYZ	15.194, 6.619, 72.424
xyY	0.161, 0.07, 6.619
CIE-LCH	30.923, 116.415, 306.415
CIE-LUV	30.923, -5.886, -116.087
Hunter-Lab	25.727, 60.397, -148.899
Binary	00110000, 00010100, 11100010

#3014e2
```
#3014e2 rgb(48,20,226)
```
#c6e214
```
#c6e214 rgb(198,226,20)
```

Complementary Color

#145fe2
```
#145fe2 rgb(20,95,226)
```
#3014e2
```
#3014e2 rgb(48,20,226)
```
#9714e2
```
#9714e2 rgb(151,20,226)
```

Analogous Color

#5fe214
```
#5fe214 rgb(95,226,20)
```
#3014e2
```
#3014e2 rgb(48,20,226)
```
#e29714
```
#e29714 rgb(226,151,20)
```

Split Complementary Color

#14e230
```
#14e230 rgb(20,226,48)
```
#3014e2
```
#3014e2 rgb(48,20,226)
```
#e23014
```
#e23014 rgb(226,48,20)
```

Triadic Color

#14c6e2
```
#14c6e2 rgb(20,198,226)
```
#3014e2
```
#3014e2 rgb(48,20,226)
```
#e23014
```
#e23014 rgb(226,48,20)
```
#c6e214
```
#c6e214 rgb(198,226,20)
```

Tetradic Color

#210e9c
```
#210e9c rgb(33,14,156)
```
#2610b3
```
#2610b3 rgb(38,16,179)
```
#2b12cb
```
#2b12cb rgb(43,18,203)
```
#3014e2
```
#3014e2 rgb(48,20,226)
```
#3f24ec
```
#3f24ec rgb(63,36,236)
```
#543bee
```
#543bee rgb(84,59,238)
```
#6853f0
```
#6853f0 rgb(104,83,240)
```

Monochromatic Color

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

#142ce2
```
#142ce2 rgb(20,44,226)
```
#141ae2
```
#141ae2 rgb(20,26,226)
```
#1f14e2
```
#1f14e2 rgb(31,20,226)
```
#3014e2
```
#3014e2 rgb(48,20,226)
```
#4114e2
```
#4114e2 rgb(65,20,226)
```
#5214e2
```
#5214e2 rgb(82,20,226)
```
#6314e2
```
#6314e2 rgb(99,20,226)
```

Similar Colors

Text with hexadecimal color #3014e2

This text has a font color of #3014e2.

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

#3014e2 background color

This paragraph has a background color of #3014e2.

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

#3014e2 border color

This element has a border color of #3014e2.

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

CSS codes

.text {color:#3014e2;}

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

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

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)
```
#06021c
```
#06021c rgb(6,2,28)
```
#0a042e
```
#0a042e rgb(10,4,46)
```
#0e0640
```
#0e0640 rgb(14,6,64)
```
#110752
```
#110752 rgb(17,7,82)
```
#150964
```
#150964 rgb(21,9,100)
```
#190a76
```
#190a76 rgb(25,10,118)
```
#1d0c88
```
#1d0c88 rgb(29,12,136)
```
#210e9a
```
#210e9a rgb(33,14,154)
```
#250fac
```
#250fac rgb(37,15,172)
```
#2811be
```
#2811be rgb(40,17,190)
```
#2c12d0
```
#2c12d0 rgb(44,18,208)
```
#3014e2
```
#3014e2 rgb(48,20,226)
```

Shade Color Variation

#3a1eeb
```
#3a1eeb rgb(58,30,235)
```
#4a31ed
```
#4a31ed rgb(74,49,237)
```
#5a43ee
```
#5a43ee rgb(90,67,238)
```
#6a55f0
```
#6a55f0 rgb(106,85,240)
```
#7967f2
```
#7967f2 rgb(121,103,242)
```
#8979f3
```
#8979f3 rgb(137,121,243)
```
#998bf5
```
#998bf5 rgb(153,139,245)
```
#a99df6
```
#a99df6 rgb(169,157,246)
```
#b9aff8
```
#b9aff8 rgb(185,175,248)
```
#c8c1f9
```
#c8c1f9 rgb(200,193,249)
```
#d8d3fb
```
#d8d3fb rgb(216,211,251)
```
#e8e5fd
```
#e8e5fd rgb(232,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 #2201f5 is the most saturated one.

#757383
```
#757383 rgb(117,115,131)
```
#6e698d
```
#6e698d rgb(110,105,141)
```
#676096
```
#676096 rgb(103,96,150)
```
#6056a0
```
#6056a0 rgb(96,86,160)
```
#594da9
```
#594da9 rgb(89,77,169)
```
#5243b3
```
#5243b3 rgb(82,67,179)
```
#4c3abc
```
#4c3abc rgb(76,58,188)
```
#4530c6
```
#4530c6 rgb(69,48,198)
```
#3e27cf
```
#3e27cf rgb(62,39,207)
```
#371dd9
```
#371dd9 rgb(55,29,217)
```
#3014e2
```
#3014e2 rgb(48,20,226)
```
#290beb
```
#290beb rgb(41,11,235)
```
#2201f5
```
#2201f5 rgb(34,1,245)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#332e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#113ab4 Protanomaly 1% of men, 0.01% of women
#113da7 Deuteranomaly 6% of men, 0.4% of women
#11408e Tritanomaly 0.01% of the population