#2314e5 hex color

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

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

● #2314e5 color description : Vivid blue.

The hexadecimal color #2314e5 has RGB values of R:35, G:20, B:229 and CMYK values of C:0.85, M:0.91, Y:0, K:0.1. Its decimal value is 2299109.

Hex triplet	2314e5	`#2314e5`
RGB Decimal	35, 20, 229	`rgb(35,20,229)`
RGB Percent	13.7, 7.8, 89.8	`rgb(13.7%,7.8%,89.8%)`
CMYK	85, 91, 0, 10
HSL	244.3°, 83.9, 48.8	`hsl(244.3,83.9%,48.8%)`
HSV (or HSB)	244.3°, 91.3, 89.8
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.673, 69.523, -95.834
XYZ	15.083, 6.514, 74.587
xyY	0.157, 0.068, 6.514
CIE-LCH	30.673, 118.396, 305.959
CIE-LUV	30.673, -7.404, -117.291
Hunter-Lab	25.522, 60.829, -155.407
Binary	00100011, 00010100, 11100101

#2314e5
```
#2314e5 rgb(35,20,229)
```
#d6e514
```
#d6e514 rgb(214,229,20)
```

Complementary Color

#146ee5
```
#146ee5 rgb(20,110,229)
```
#2314e5
```
#2314e5 rgb(35,20,229)
```
#8c14e5
```
#8c14e5 rgb(140,20,229)
```

Analogous Color

#6ee514
```
#6ee514 rgb(110,229,20)
```
#2314e5
```
#2314e5 rgb(35,20,229)
```
#e58c14
```
#e58c14 rgb(229,140,20)
```

Split Complementary Color

#14e523
```
#14e523 rgb(20,229,35)
```
#2314e5
```
#2314e5 rgb(35,20,229)
```
#e52314
```
#e52314 rgb(229,35,20)
```

Triadic Color

#14d6e5
```
#14d6e5 rgb(20,214,229)
```
#2314e5
```
#2314e5 rgb(35,20,229)
```
#e52314
```
#e52314 rgb(229,35,20)
```
#d6e514
```
#d6e514 rgb(214,229,20)
```

Tetradic Color

#180e9f
```
#180e9f rgb(24,14,159)
```
#1c10b6
```
#1c10b6 rgb(28,16,182)
```
#1f12ce
```
#1f12ce rgb(31,18,206)
```
#2314e5
```
#2314e5 rgb(35,20,229)
```
#3526ec
```
#3526ec rgb(53,38,236)
```
#4b3eee
```
#4b3eee rgb(75,62,238)
```
#6055f0
```
#6055f0 rgb(96,85,240)
```

Monochromatic Color

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

#1439e5
```
#1439e5 rgb(20,57,229)
```
#1428e5
```
#1428e5 rgb(20,40,229)
```
#1416e5
```
#1416e5 rgb(20,22,229)
```
#2314e5
```
#2314e5 rgb(35,20,229)
```
#3414e5
```
#3414e5 rgb(52,20,229)
```
#4614e5
```
#4614e5 rgb(70,20,229)
```
#5714e5
```
#5714e5 rgb(87,20,229)
```

Similar Colors

Text with hexadecimal color #2314e5

This text has a font color of #2314e5.

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

#2314e5 background color

This paragraph has a background color of #2314e5.

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

#2314e5 border color

This element has a border color of #2314e5.

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

CSS codes

.text {color:#2314e5;}

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

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

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

#02010d
```
#02010d rgb(2,1,13)
```
#05031f
```
#05031f rgb(5,3,31)
```
#070431
```
#070431 rgb(7,4,49)
```
#0a0643
```
#0a0643 rgb(10,6,67)
```
#0d0755
```
#0d0755 rgb(13,7,85)
```
#100967
```
#100967 rgb(16,9,103)
```
#120b79
```
#120b79 rgb(18,11,121)
```
#150c8b
```
#150c8b rgb(21,12,139)
```
#180e9d
```
#180e9d rgb(24,14,157)
```
#1b0faf
```
#1b0faf rgb(27,15,175)
```
#1d11c1
```
#1d11c1 rgb(29,17,193)
```
#2012d3
```
#2012d3 rgb(32,18,211)
```
#2314e5
```
#2314e5 rgb(35,20,229)
```

Shade Color Variation

#3021ec
```
#3021ec rgb(48,33,236)
```
#4033ed
```
#4033ed rgb(64,51,237)
```
#5145ef
```
#5145ef rgb(81,69,239)
```
#6257f0
```
#6257f0 rgb(98,87,240)
```
#7369f2
```
#7369f2 rgb(115,105,242)
```
#847bf3
```
#847bf3 rgb(132,123,243)
```
#958df5
```
#958df5 rgb(149,141,245)
```
#a69ff7
```
#a69ff7 rgb(166,159,247)
```
#b6b1f8
```
#b6b1f8 rgb(182,177,248)
```
#c7c3fa
```
#c7c3fa rgb(199,195,250)
```
#d8d5fb
```
#d8d5fb rgb(216,213,251)
```
#e9e7fd
```
#e9e7fd rgb(233,231,253)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#757485
```
#757485 rgb(117,116,133)
```
#6d6a8f
```
#6d6a8f rgb(109,106,143)
```
#656198
```
#656198 rgb(101,97,152)
```
#5c57a2
```
#5c57a2 rgb(92,87,162)
```
#544dac
```
#544dac rgb(84,77,172)
```
#4c44b5
```
#4c44b5 rgb(76,68,181)
```
#443abf
```
#443abf rgb(68,58,191)
```
#3c31c8
```
#3c31c8 rgb(60,49,200)
```
#3327d2
```
#3327d2 rgb(51,39,210)
```
#2b1edb
```
#2b1edb rgb(43,30,219)
```
#2314e5
```
#2314e5 rgb(35,20,229)
```
#1b0aef
```
#1b0aef rgb(27,10,239)
```
#1301f8
```
#1301f8 rgb(19,1,248)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2d2a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005484 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#0c39b5 Protanomaly 1% of men, 0.01% of women
#0c3ca7 Deuteranomaly 6% of men, 0.4% of women
#0c408e Tritanomaly 0.01% of the population

#2314e5 hex color

#2314e5 Color Information

#2314e5 Color Conversion

Color Schemes with #2314e5

Alternatives to #2314e5

#2314e5 Preview

Shades and Tints of #2314e5

Tones of #2314e5

Color Blindness Simulator