#2814d4 hex color

In a RGB color space, hex #2814d4 is composed of 15.7% red, 7.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 90.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 246.3 degrees, a saturation of 82.8% and a lightness of 45.5%. #2814d4 color hex could be obtained by blending #5028ff with #0000a9. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 16
- G 8
- B 83
RGB color chart
- C 81
- M 91
- Y 0
- K 17
CMYK color chart

● #2814d4 color description : Strong blue.

The hexadecimal color #2814d4 has RGB values of R:40, G:20, B:212 and CMYK values of C:0.81, M:0.91, Y:0, K:0.17. Its decimal value is 2626772.

Hex triplet	2814d4	`#2814d4`
RGB Decimal	40, 20, 212	`rgb(40,20,212)`
RGB Percent	15.7, 7.8, 83.1	`rgb(15.7%,7.8%,83.1%)`
CMYK	81, 91, 0, 17
HSL	246.3°, 82.8, 45.5	`hsl(246.3,82.8%,45.5%)`
HSV (or HSB)	246.3°, 90.6, 83.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.653, 65.188, -89.403
XYZ	13.007, 5.704, 62.699
xyY	0.16, 0.07, 5.704
CIE-LCH	28.653, 110.645, 306.098
CIE-LUV	28.653, -6.091, -107.745
Hunter-Lab	23.883, 55.414, -138.933
Binary	00101000, 00010100, 11010100

#2814d4
```
#2814d4 rgb(40,20,212)
```
#c0d414
```
#c0d414 rgb(192,212,20)
```

Complementary Color

#1460d4
```
#1460d4 rgb(20,96,212)
```
#2814d4
```
#2814d4 rgb(40,20,212)
```
#8814d4
```
#8814d4 rgb(136,20,212)
```

Analogous Color

#60d414
```
#60d414 rgb(96,212,20)
```
#2814d4
```
#2814d4 rgb(40,20,212)
```
#d48814
```
#d48814 rgb(212,136,20)
```

Split Complementary Color

#14d428
```
#14d428 rgb(20,212,40)
```
#2814d4
```
#2814d4 rgb(40,20,212)
```
#d42814
```
#d42814 rgb(212,40,20)
```

Triadic Color

#14c0d4
```
#14c0d4 rgb(20,192,212)
```
#2814d4
```
#2814d4 rgb(40,20,212)
```
#d42814
```
#d42814 rgb(212,40,20)
```
#c0d414
```
#c0d414 rgb(192,212,20)
```

Tetradic Color

#1b0d8e
```
#1b0d8e rgb(27,13,142)
```
#1f10a5
```
#1f10a5 rgb(31,16,165)
```
#2412bd
```
#2412bd rgb(36,18,189)
```
#2814d4
```
#2814d4 rgb(40,20,212)
```
#2e18e9
```
#2e18e9 rgb(46,24,233)
```
#4330eb
```
#4330eb rgb(67,48,235)
```
#5847ee
```
#5847ee rgb(88,71,238)
```

Monochromatic Color

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

#1430d4
```
#1430d4 rgb(20,48,212)
```
#1420d4
```
#1420d4 rgb(20,32,212)
```
#1814d4
```
#1814d4 rgb(24,20,212)
```
#2814d4
```
#2814d4 rgb(40,20,212)
```
#3814d4
```
#3814d4 rgb(56,20,212)
```
#4814d4
```
#4814d4 rgb(72,20,212)
```
#5814d4
```
#5814d4 rgb(88,20,212)
```

Similar Colors

Text with hexadecimal color #2814d4

This text has a font color of #2814d4.

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

#2814d4 background color

This paragraph has a background color of #2814d4.

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

#2814d4 border color

This element has a border color of #2814d4.

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

CSS codes

.text {color:#2814d4;}

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

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

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, #03010f is the darkest color, while #fcfcff is the lightest one.

#03010f
```
#03010f rgb(3,1,15)
```
#060321
```
#060321 rgb(6,3,33)
```
#0a0533
```
#0a0533 rgb(10,5,51)
```
#0d0645
```
#0d0645 rgb(13,6,69)
```
#100857
```
#100857 rgb(16,8,87)
```
#140a68
```
#140a68 rgb(20,10,104)
```
#170c7a
```
#170c7a rgb(23,12,122)
```
#1a0d8c
```
#1a0d8c rgb(26,13,140)
```
#1e0f9e
```
#1e0f9e rgb(30,15,158)
```
#2111b0
```
#2111b0 rgb(33,17,176)
```
#2512c2
```
#2512c2 rgb(37,18,194)
```
#2814d4
```
#2814d4 rgb(40,20,212)
```
#2b16e6
```
#2b16e6 rgb(43,22,230)
```

Shade Color Variation

#3925ea
```
#3925ea rgb(57,37,234)
```
#4a37ec
```
#4a37ec rgb(74,55,236)
```
#5a49ee
```
#5a49ee rgb(90,73,238)
```
#6a5bef
```
#6a5bef rgb(106,91,239)
```
#7a6df1
```
#7a6df1 rgb(122,109,241)
```
#8b7ef3
```
#8b7ef3 rgb(139,126,243)
```
#9b90f5
```
#9b90f5 rgb(155,144,245)
```
#aba2f6
```
#aba2f6 rgb(171,162,246)
```
#bbb4f8
```
#bbb4f8 rgb(187,180,248)
```
#cbc6fa
```
#cbc6fa rgb(203,198,250)
```
#dcd8fb
```
#dcd8fb rgb(220,216,251)
```
#eceafd
```
#eceafd rgb(236,234,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6d7b is the less saturated color, while #1a02e6 is the most saturated one.

#6f6d7b
```
#6f6d7b rgb(111,109,123)
```
#686484
```
#686484 rgb(104,100,132)
```
#615b8d
```
#615b8d rgb(97,91,141)
```
#595296
```
#595296 rgb(89,82,150)
```
#524a9e
```
#524a9e rgb(82,74,158)
```
#4b41a7
```
#4b41a7 rgb(75,65,167)
```
#4438b0
```
#4438b0 rgb(68,56,176)
```
#3d2fb9
```
#3d2fb9 rgb(61,47,185)
```
#3626c2
```
#3626c2 rgb(54,38,194)
```
#2f1dcb
```
#2f1dcb rgb(47,29,203)
```
#2814d4
```
#2814d4 rgb(40,20,212)
```
#210bdd
```
#210bdd rgb(33,11,221)
```
#1a02e6
```
#1a02e6 rgb(26,2,230)
```

Tone Color Variation

Below, you can see how #2814d4 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
#2e2a51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b91 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#005558 Tritanopia 0.001% of the population

Trichromacy

#0e37a9 Protanomaly 1% of men, 0.01% of women
#0e399d Deuteranomaly 6% of men, 0.4% of women
#0e3d85 Tritanomaly 0.01% of the population

#2814d4 hex color

#2814d4 Color Information

#2814d4 Color Conversion

Color Schemes with #2814d4

Alternatives to #2814d4

#2814d4 Preview

Shades and Tints of #2814d4

Tones of #2814d4

Color Blindness Simulator