#2214d4 hex color

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

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

● #2214d4 color description : Strong blue.

The hexadecimal color #2214d4 has RGB values of R:34, G:20, B:212 and CMYK values of C:0.84, M:0.91, Y:0, K:0.17. Its decimal value is 2233556.

Hex triplet	2214d4	`#2214d4`
RGB Decimal	34, 20, 212	`rgb(34,20,212)`
RGB Percent	13.3, 7.8, 83.1	`rgb(13.3%,7.8%,83.1%)`
CMYK	84, 91, 0, 17
HSL	244.4°, 82.8, 45.5	`hsl(244.4,82.8%,45.5%)`
HSV (or HSB)	244.4°, 90.6, 83.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.361, 65.015, -89.897
XYZ	12.791, 5.593, 62.689
xyY	0.158, 0.069, 5.593
CIE-LCH	28.361, 110.944, 305.875
CIE-LUV	28.361, -6.695, -107.499
Hunter-Lab	23.649, 55.158, -140.609
Binary	00100010, 00010100, 11010100

#2214d4
```
#2214d4 rgb(34,20,212)
```
#c6d414
```
#c6d414 rgb(198,212,20)
```

Complementary Color

#1466d4
```
#1466d4 rgb(20,102,212)
```
#2214d4
```
#2214d4 rgb(34,20,212)
```
#8214d4
```
#8214d4 rgb(130,20,212)
```

Analogous Color

#66d414
```
#66d414 rgb(102,212,20)
```
#2214d4
```
#2214d4 rgb(34,20,212)
```
#d48214
```
#d48214 rgb(212,130,20)
```

Split Complementary Color

#14d422
```
#14d422 rgb(20,212,34)
```
#2214d4
```
#2214d4 rgb(34,20,212)
```
#d42214
```
#d42214 rgb(212,34,20)
```

Triadic Color

#14c6d4
```
#14c6d4 rgb(20,198,212)
```
#2214d4
```
#2214d4 rgb(34,20,212)
```
#d42214
```
#d42214 rgb(212,34,20)
```
#c6d414
```
#c6d414 rgb(198,212,20)
```

Tetradic Color

#170d8e
```
#170d8e rgb(23,13,142)
```
#1b10a5
```
#1b10a5 rgb(27,16,165)
```
#1e12bd
```
#1e12bd rgb(30,18,189)
```
#2214d4
```
#2214d4 rgb(34,20,212)
```
#2818e9
```
#2818e9 rgb(40,24,233)
```
#3d30eb
```
#3d30eb rgb(61,48,235)
```
#5347ee
```
#5347ee rgb(83,71,238)
```

Monochromatic Color

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

#1436d4
```
#1436d4 rgb(20,54,212)
```
#1426d4
```
#1426d4 rgb(20,38,212)
```
#1416d4
```
#1416d4 rgb(20,22,212)
```
#2214d4
```
#2214d4 rgb(34,20,212)
```
#3214d4
```
#3214d4 rgb(50,20,212)
```
#4214d4
```
#4214d4 rgb(66,20,212)
```
#5214d4
```
#5214d4 rgb(82,20,212)
```

Similar Colors

Text with hexadecimal color #2214d4

This text has a font color of #2214d4.

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

#2214d4 background color

This paragraph has a background color of #2214d4.

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

#2214d4 border color

This element has a border color of #2214d4.

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

CSS codes

.text {color:#2214d4;}

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

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

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

#02010f
```
#02010f rgb(2,1,15)
```
#050321
```
#050321 rgb(5,3,33)
```
#080533
```
#080533 rgb(8,5,51)
```
#0b0645
```
#0b0645 rgb(11,6,69)
```
#0e0857
```
#0e0857 rgb(14,8,87)
```
#110a68
```
#110a68 rgb(17,10,104)
```
#140c7a
```
#140c7a rgb(20,12,122)
```
#170d8c
```
#170d8c rgb(23,13,140)
```
#190f9e
```
#190f9e rgb(25,15,158)
```
#1c11b0
```
#1c11b0 rgb(28,17,176)
```
#1f12c2
```
#1f12c2 rgb(31,18,194)
```
#2214d4
```
#2214d4 rgb(34,20,212)
```
#2516e6
```
#2516e6 rgb(37,22,230)
```

Shade Color Variation

#3325ea
```
#3325ea rgb(51,37,234)
```
#4437ec
```
#4437ec rgb(68,55,236)
```
#5549ee
```
#5549ee rgb(85,73,238)
```
#655bef
```
#655bef rgb(101,91,239)
```
#766df1
```
#766df1 rgb(118,109,241)
```
#877ef3
```
#877ef3 rgb(135,126,243)
```
#9890f5
```
#9890f5 rgb(152,144,245)
```
#a8a2f6
```
#a8a2f6 rgb(168,162,246)
```
#b9b4f8
```
#b9b4f8 rgb(185,180,248)
```
#cac6fa
```
#cac6fa rgb(202,198,250)
```
#dbd8fb
```
#dbd8fb rgb(219,216,251)
```
#ebeafd
```
#ebeafd rgb(235,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, #6e6d7b is the less saturated color, while #1302e6 is the most saturated one.

#6e6d7b
```
#6e6d7b rgb(110,109,123)
```
#676484
```
#676484 rgb(103,100,132)
```
#5f5b8d
```
#5f5b8d rgb(95,91,141)
```
#575296
```
#575296 rgb(87,82,150)
```
#504a9e
```
#504a9e rgb(80,74,158)
```
#4841a7
```
#4841a7 rgb(72,65,167)
```
#4038b0
```
#4038b0 rgb(64,56,176)
```
#392fb9
```
#392fb9 rgb(57,47,185)
```
#3126c2
```
#3126c2 rgb(49,38,194)
```
#2a1dcb
```
#2a1dcb rgb(42,29,203)
```
#2214d4
```
#2214d4 rgb(34,20,212)
```
#1a0bdd
```
#1a0bdd rgb(26,11,221)
```
#1302e6
```
#1302e6 rgb(19,2,230)
```

Tone Color Variation

Below, you can see how #2214d4 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

#2e2e2e Achromatopsia 0.005% of the population
#2c294f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004f7c Deuteranopia 1% of men
#005457 Tritanopia 0.001% of the population

Trichromacy

#0c36a9 Protanomaly 1% of men, 0.01% of women
#0c399c Deuteranomaly 6% of men, 0.4% of women
#0c3c84 Tritanomaly 0.01% of the population

#2214d4 hex color

#2214d4 Color Information

#2214d4 Color Conversion

Color Schemes with #2214d4

Alternatives to #2214d4

#2214d4 Preview

Shades and Tints of #2214d4

Tones of #2214d4

Color Blindness Simulator