#4314e5 hex color

In a RGB color space, hex #4314e5 is composed of 26.3% red, 7.8% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 91.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 253.5 degrees, a saturation of 83.9% and a lightness of 48.8%. #4314e5 color hex could be obtained by blending #8628ff with #0000cb. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 26
- G 8
- B 90
RGB color chart
- C 71
- M 91
- Y 0
- K 10
CMYK color chart

● #4314e5 color description : Vivid blue.

The hexadecimal color #4314e5 has RGB values of R:67, G:20, B:229 and CMYK values of C:0.71, M:0.91, Y:0, K:0.1. Its decimal value is 4396261.

Hex triplet	4314e5	`#4314e5`
RGB Decimal	67, 20, 229	`rgb(67,20,229)`
RGB Percent	26.3, 7.8, 89.8	`rgb(26.3%,7.8%,89.8%)`
CMYK	71, 91, 0, 10
HSL	253.5°, 83.9, 48.8	`hsl(253.5,83.9%,48.8%)`
HSV (or HSB)	253.5°, 91.3, 89.8
Web Safe	3300cc	`#3300cc`

CIE-LAB	32.591, 70.632, -92.588
XYZ	16.705, 7.35, 74.663
xyY	0.169, 0.074, 7.35
CIE-LCH	32.591, 116.453, 307.339
CIE-LUV	32.591, -3.151, -118.564
Hunter-Lab	27.111, 62.544, -144.307
Binary	01000011, 00010100, 11100101

#4314e5
```
#4314e5 rgb(67,20,229)
```
#b6e514
```
#b6e514 rgb(182,229,20)
```

Complementary Color

#144ee5
```
#144ee5 rgb(20,78,229)
```
#4314e5
```
#4314e5 rgb(67,20,229)
```
#ac14e5
```
#ac14e5 rgb(172,20,229)
```

Analogous Color

#4ee514
```
#4ee514 rgb(78,229,20)
```
#4314e5
```
#4314e5 rgb(67,20,229)
```
#e5ac14
```
#e5ac14 rgb(229,172,20)
```

Split Complementary Color

#14e543
```
#14e543 rgb(20,229,67)
```
#4314e5
```
#4314e5 rgb(67,20,229)
```
#e54314
```
#e54314 rgb(229,67,20)
```

Triadic Color

#14b6e5
```
#14b6e5 rgb(20,182,229)
```
#4314e5
```
#4314e5 rgb(67,20,229)
```
#e54314
```
#e54314 rgb(229,67,20)
```
#b6e514
```
#b6e514 rgb(182,229,20)
```

Tetradic Color

#2e0e9f
```
#2e0e9f rgb(46,14,159)
```
#3510b6
```
#3510b6 rgb(53,16,182)
```
#3c12ce
```
#3c12ce rgb(60,18,206)
```
#4314e5
```
#4314e5 rgb(67,20,229)
```
#5326ec
```
#5326ec rgb(83,38,236)
```
#663eee
```
#663eee rgb(102,62,238)
```
#7855f0
```
#7855f0 rgb(120,85,240)
```

Monochromatic Color

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

#1419e5
```
#1419e5 rgb(20,25,229)
```
#2014e5
```
#2014e5 rgb(32,20,229)
```
#3214e5
```
#3214e5 rgb(50,20,229)
```
#4314e5
```
#4314e5 rgb(67,20,229)
```
#5414e5
```
#5414e5 rgb(84,20,229)
```
#6614e5
```
#6614e5 rgb(102,20,229)
```
#7714e5
```
#7714e5 rgb(119,20,229)
```

Similar Colors

Text with hexadecimal color #4314e5

This text has a font color of #4314e5.

<span style="color:#4314e5;">Text here</span>

#4314e5 background color

This paragraph has a background color of #4314e5.

<p style="background-color:#4314e5;">Content here</p>

#4314e5 border color

This element has a border color of #4314e5.

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

CSS codes

.text {color:#4314e5;}

.background {background-color:#4314e5;}

.border {border:1px solid #4314e5;}

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, #04010d is the darkest color, while #fbf9ff is the lightest one.

#04010d
```
#04010d rgb(4,1,13)
```
#09031f
```
#09031f rgb(9,3,31)
```
#0e0431
```
#0e0431 rgb(14,4,49)
```
#130643
```
#130643 rgb(19,6,67)
```
#190755
```
#190755 rgb(25,7,85)
```
#1e0967
```
#1e0967 rgb(30,9,103)
```
#230b79
```
#230b79 rgb(35,11,121)
```
#290c8b
```
#290c8b rgb(41,12,139)
```
#2e0e9d
```
#2e0e9d rgb(46,14,157)
```
#330faf
```
#330faf rgb(51,15,175)
```
#3811c1
```
#3811c1 rgb(56,17,193)
```
#3e12d3
```
#3e12d3 rgb(62,18,211)
```
#4314e5
```
#4314e5 rgb(67,20,229)
```

Shade Color Variation

#4f21ec
```
#4f21ec rgb(79,33,236)
```
#5d33ed
```
#5d33ed rgb(93,51,237)
```
#6b45ef
```
#6b45ef rgb(107,69,239)
```
#7a57f0
```
#7a57f0 rgb(122,87,240)
```
#8869f2
```
#8869f2 rgb(136,105,242)
```
#967bf3
```
#967bf3 rgb(150,123,243)
```
#a58df5
```
#a58df5 rgb(165,141,245)
```
#b39ff7
```
#b39ff7 rgb(179,159,247)
```
#c1b1f8
```
#c1b1f8 rgb(193,177,248)
```
#d0c3fa
```
#d0c3fa rgb(208,195,250)
```
#ded5fb
```
#ded5fb rgb(222,213,251)
```
#ece7fd
```
#ece7fd rgb(236,231,253)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#787485
```
#787485 rgb(120,116,133)
```
#726a8f
```
#726a8f rgb(114,106,143)
```
#6d6198
```
#6d6198 rgb(109,97,152)
```
#6857a2
```
#6857a2 rgb(104,87,162)
```
#634dac
```
#634dac rgb(99,77,172)
```
#5d44b5
```
#5d44b5 rgb(93,68,181)
```
#583abf
```
#583abf rgb(88,58,191)
```
#5331c8
```
#5331c8 rgb(83,49,200)
```
#4e27d2
```
#4e27d2 rgb(78,39,210)
```
#481edb
```
#481edb rgb(72,30,219)
```
#4314e5
```
#4314e5 rgb(67,20,229)
```
#3e0aef
```
#3e0aef rgb(62,10,239)
```
#3801f8
```
#3801f8 rgb(56,1,248)
```

Tone Color Variation

Below, you can see how #4314e5 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

#3a3a3a Achromatopsia 0.005% of the population
#3c325c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e63 Tritanopia 0.001% of the population

Trichromacy

#183cba Protanomaly 1% of men, 0.01% of women
#183fac Deuteranomaly 6% of men, 0.4% of women
#184392 Tritanomaly 0.01% of the population

#4314e5 hex color

#4314e5 Color Information

#4314e5 Color Conversion

Color Schemes with #4314e5

Alternatives to #4314e5

#4314e5 Preview

Shades and Tints of #4314e5

Tones of #4314e5

Color Blindness Simulator