#2814e4 hex color

In a RGB color space, hex #2814e4 is composed of 15.7% red, 7.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 91.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 245.8 degrees, a saturation of 83.9% and a lightness of 48.6%. #2814e4 color hex could be obtained by blending #5028ff with #0000c9. Closest websafe color is: #3300cc.

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

● #2814e4 color description : Vivid blue.

The hexadecimal color #2814e4 has RGB values of R:40, G:20, B:228 and CMYK values of C:0.82, M:0.91, Y:0, K:0.11. Its decimal value is 2626788.

Hex triplet	2814e4	`#2814e4`
RGB Decimal	40, 20, 228	`rgb(40,20,228)`
RGB Percent	15.7, 7.8, 89.4	`rgb(15.7%,7.8%,89.4%)`
CMYK	82, 91, 0, 11
HSL	245.8°, 83.9, 48.6	`hsl(245.8,83.9%,48.6%)`
HSV (or HSB)	245.8°, 91.2, 89.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.764, 69.387, -95.104
XYZ	15.126, 6.552, 73.862
xyY	0.158, 0.069, 6.552
CIE-LCH	30.764, 117.726, 306.114
CIE-LUV	30.764, -6.889, -116.905
Hunter-Lab	25.597, 60.689, -153.171
Binary	00101000, 00010100, 11100100

#2814e4
```
#2814e4 rgb(40,20,228)
```
#d0e414
```
#d0e414 rgb(208,228,20)
```

Complementary Color

#1468e4
```
#1468e4 rgb(20,104,228)
```
#2814e4
```
#2814e4 rgb(40,20,228)
```
#9014e4
```
#9014e4 rgb(144,20,228)
```

Analogous Color

#68e414
```
#68e414 rgb(104,228,20)
```
#2814e4
```
#2814e4 rgb(40,20,228)
```
#e49014
```
#e49014 rgb(228,144,20)
```

Split Complementary Color

#14e428
```
#14e428 rgb(20,228,40)
```
#2814e4
```
#2814e4 rgb(40,20,228)
```
#e42814
```
#e42814 rgb(228,40,20)
```

Triadic Color

#14d0e4
```
#14d0e4 rgb(20,208,228)
```
#2814e4
```
#2814e4 rgb(40,20,228)
```
#e42814
```
#e42814 rgb(228,40,20)
```
#d0e414
```
#d0e414 rgb(208,228,20)
```

Tetradic Color

#1c0e9e
```
#1c0e9e rgb(28,14,158)
```
#2010b5
```
#2010b5 rgb(32,16,181)
```
#2412cd
```
#2412cd rgb(36,18,205)
```
#2814e4
```
#2814e4 rgb(40,20,228)
```
#3926ec
```
#3926ec rgb(57,38,236)
```
#4e3dee
```
#4e3dee rgb(78,61,238)
```
#6354f0
```
#6354f0 rgb(99,84,240)
```

Monochromatic Color

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

#1434e4
```
#1434e4 rgb(20,52,228)
```
#1423e4
```
#1423e4 rgb(20,35,228)
```
#1714e4
```
#1714e4 rgb(23,20,228)
```
#2814e4
```
#2814e4 rgb(40,20,228)
```
#3914e4
```
#3914e4 rgb(57,20,228)
```
#4b14e4
```
#4b14e4 rgb(75,20,228)
```
#5c14e4
```
#5c14e4 rgb(92,20,228)
```

Similar Colors

Text with hexadecimal color #2814e4

This text has a font color of #2814e4.

<span style="color:#2814e4;">Text here</span>

#2814e4 background color

This paragraph has a background color of #2814e4.

<p style="background-color:#2814e4;">Content here</p>

#2814e4 border color

This element has a border color of #2814e4.

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

CSS codes

.text {color:#2814e4;}

.background {background-color:#2814e4;}

.border {border:1px solid #2814e4;}

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

#02010c
```
#02010c rgb(2,1,12)
```
#05031e
```
#05031e rgb(5,3,30)
```
#080430
```
#080430 rgb(8,4,48)
```
#0c0642
```
#0c0642 rgb(12,6,66)
```
#0f0754
```
#0f0754 rgb(15,7,84)
```
#120966
```
#120966 rgb(18,9,102)
```
#150b78
```
#150b78 rgb(21,11,120)
```
#180c8a
```
#180c8a rgb(24,12,138)
```
#1b0e9c
```
#1b0e9c rgb(27,14,156)
```
#1f0fae
```
#1f0fae rgb(31,15,174)
```
#2211c0
```
#2211c0 rgb(34,17,192)
```
#2512d2
```
#2512d2 rgb(37,18,210)
```
#2814e4
```
#2814e4 rgb(40,20,228)
```

Shade Color Variation

#3420eb
```
#3420eb rgb(52,32,235)
```
#4432ed
```
#4432ed rgb(68,50,237)
```
#5544ef
```
#5544ef rgb(85,68,239)
```
#6556f0
```
#6556f0 rgb(101,86,240)
```
#7668f2
```
#7668f2 rgb(118,104,242)
```
#867af3
```
#867af3 rgb(134,122,243)
```
#968cf5
```
#968cf5 rgb(150,140,245)
```
#a79ef7
```
#a79ef7 rgb(167,158,247)
```
#b7b0f8
```
#b7b0f8 rgb(183,176,248)
```
#c8c2fa
```
#c8c2fa rgb(200,194,250)
```
#d8d4fb
```
#d8d4fb rgb(216,212,251)
```
#e9e7fd
```
#e9e7fd rgb(233,231,253)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#757385
```
#757385 rgb(117,115,133)
```
#6d6a8e
```
#6d6a8e rgb(109,106,142)
```
#666098
```
#666098 rgb(102,96,152)
```
#5e57a1
```
#5e57a1 rgb(94,87,161)
```
#564dab
```
#564dab rgb(86,77,171)
```
#4f44b4
```
#4f44b4 rgb(79,68,180)
```
#473abe
```
#473abe rgb(71,58,190)
```
#3f31c7
```
#3f31c7 rgb(63,49,199)
```
#3727d1
```
#3727d1 rgb(55,39,209)
```
#301eda
```
#301eda rgb(48,30,218)
```
#2814e4
```
#2814e4 rgb(40,20,228)
```
#200aee
```
#200aee rgb(32,10,238)
```
#1901f7
```
#1901f7 rgb(25,1,247)
```

Tone Color Variation

Below, you can see how #2814e4 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

#323232 Achromatopsia 0.005% of the population
#302c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5d Tritanopia 0.001% of the population

Trichromacy

#0e39b5 Protanomaly 1% of men, 0.01% of women
#0e3ca7 Deuteranomaly 6% of men, 0.4% of women
#0e408e Tritanomaly 0.01% of the population

#2814e4 hex color

#2814e4 Color Information

#2814e4 Color Conversion

Color Schemes with #2814e4

Alternatives to #2814e4

#2814e4 Preview

Shades and Tints of #2814e4

Tones of #2814e4

Color Blindness Simulator