#2214dc hex color

In a RGB color space, hex #2214dc is composed of 13.3% red, 7.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 90.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 244.2 degrees, a saturation of 83.3% and a lightness of 47.1%. #2214dc color hex could be obtained by blending #4428ff with #0000b9. Closest websafe color is: #3300cc.

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

● #2214dc color description : Vivid blue.

The hexadecimal color #2214dc has RGB values of R:34, G:20, B:220 and CMYK values of C:0.85, M:0.91, Y:0, K:0.14. Its decimal value is 2233564.

Hex triplet	2214dc	`#2214dc`
RGB Decimal	34, 20, 220	`rgb(34,20,220)`
RGB Percent	13.3, 7.8, 86.3	`rgb(13.3%,7.8%,86.3%)`
CMYK	85, 91, 0, 14
HSL	244.2°, 83.3, 47.1	`hsl(244.2,83.3%,47.1%)`
HSV (or HSB)	244.2°, 90.9, 86.3
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.429, 67.14, -92.742
XYZ	13.826, 6.007, 68.137
xyY	0.157, 0.068, 6.007
CIE-LCH	29.429, 114.494, 305.903
CIE-LUV	29.429, -7.072, -112.099
Hunter-Lab	24.509, 57.803, -147.677
Binary	00100010, 00010100, 11011100

#2214dc
```
#2214dc rgb(34,20,220)
```
#cedc14
```
#cedc14 rgb(206,220,20)
```

Complementary Color

#146adc
```
#146adc rgb(20,106,220)
```
#2214dc
```
#2214dc rgb(34,20,220)
```
#8614dc
```
#8614dc rgb(134,20,220)
```

Analogous Color

#6adc14
```
#6adc14 rgb(106,220,20)
```
#2214dc
```
#2214dc rgb(34,20,220)
```
#dc8614
```
#dc8614 rgb(220,134,20)
```

Split Complementary Color

#14dc22
```
#14dc22 rgb(20,220,34)
```
#2214dc
```
#2214dc rgb(34,20,220)
```
#dc2214
```
#dc2214 rgb(220,34,20)
```

Triadic Color

#14cedc
```
#14cedc rgb(20,206,220)
```
#2214dc
```
#2214dc rgb(34,20,220)
```
#dc2214
```
#dc2214 rgb(220,34,20)
```
#cedc14
```
#cedc14 rgb(206,220,20)
```

Tetradic Color

#170e96
```
#170e96 rgb(23,14,150)
```
#1b10ad
```
#1b10ad rgb(27,16,173)
```
#1e12c5
```
#1e12c5 rgb(30,18,197)
```
#2214dc
```
#2214dc rgb(34,20,220)
```
#2d1feb
```
#2d1feb rgb(45,31,235)
```
#4336ed
```
#4336ed rgb(67,54,237)
```
#594eef
```
#594eef rgb(89,78,239)
```

Monochromatic Color

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

#1438dc
```
#1438dc rgb(20,56,220)
```
#1427dc
```
#1427dc rgb(20,39,220)
```
#1417dc
```
#1417dc rgb(20,23,220)
```
#2214dc
```
#2214dc rgb(34,20,220)
```
#3314dc
```
#3314dc rgb(51,20,220)
```
#4314dc
```
#4314dc rgb(67,20,220)
```
#5414dc
```
#5414dc rgb(84,20,220)
```

Similar Colors

Text with hexadecimal color #2214dc

This text has a font color of #2214dc.

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

#2214dc background color

This paragraph has a background color of #2214dc.

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

#2214dc border color

This element has a border color of #2214dc.

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

CSS codes

.text {color:#2214dc;}

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

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

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, #010004 is the darkest color, while #f2f1fe is the lightest one.

#010004
```
#010004 rgb(1,0,4)
```
#030216
```
#030216 rgb(3,2,22)
```
#060428
```
#060428 rgb(6,4,40)
```
#09053a
```
#09053a rgb(9,5,58)
```
#0c074c
```
#0c074c rgb(12,7,76)
```
#0f095e
```
#0f095e rgb(15,9,94)
```
#110a70
```
#110a70 rgb(17,10,112)
```
#140c82
```
#140c82 rgb(20,12,130)
```
#170d94
```
#170d94 rgb(23,13,148)
```
#1a0fa6
```
#1a0fa6 rgb(26,15,166)
```
#1c11b8
```
#1c11b8 rgb(28,17,184)
```
#1f12ca
```
#1f12ca rgb(31,18,202)
```
#2214dc
```
#2214dc rgb(34,20,220)
```

Shade Color Variation

#2819ea
```
#2819ea rgb(40,25,234)
```
#392bec
```
#392bec rgb(57,43,236)
```
#4a3ded
```
#4a3ded rgb(74,61,237)
```
#5b4fef
```
#5b4fef rgb(91,79,239)
```
#6b61f1
```
#6b61f1 rgb(107,97,241)
```
#7c73f2
```
#7c73f2 rgb(124,115,242)
```
#8d85f4
```
#8d85f4 rgb(141,133,244)
```
#9e97f6
```
#9e97f6 rgb(158,151,246)
```
#afa9f7
```
#afa9f7 rgb(175,169,247)
```
#c0bbf9
```
#c0bbf9 rgb(192,187,249)
```
#d0cdfa
```
#d0cdfa rgb(208,205,250)
```
#e1dffc
```
#e1dffc rgb(225,223,252)
```
#f2f1fe
```
#f2f1fe rgb(242,241,254)
```

Tint Color Variation

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

#717080
```
#717080 rgb(113,112,128)
```
#696789
```
#696789 rgb(105,103,137)
```
#625e92
```
#625e92 rgb(98,94,146)
```
#5a559b
```
#5a559b rgb(90,85,155)
```
#524ba5
```
#524ba5 rgb(82,75,165)
```
#4a42ae
```
#4a42ae rgb(74,66,174)
```
#4239b7
```
#4239b7 rgb(66,57,183)
```
#3a30c0
```
#3a30c0 rgb(58,48,192)
```
#3226ca
```
#3226ca rgb(50,38,202)
```
#2a1dd3
```
#2a1dd3 rgb(42,29,211)
```
#2214dc
```
#2214dc rgb(34,20,220)
```
#1a0be5
```
#1a0be5 rgb(26,11,229)
```
#1202ee
```
#1202ee rgb(18,2,238)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2c2a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005180 Deuteranopia 1% of men
#00565a Tritanopia 0.001% of the population

Trichromacy

#0c38ae Protanomaly 1% of men, 0.01% of women
#0c3ba1 Deuteranomaly 6% of men, 0.4% of women
#0c3e89 Tritanomaly 0.01% of the population

#2214dc hex color

#2214dc Color Information

#2214dc Color Conversion

Color Schemes with #2214dc

Alternatives to #2214dc

#2214dc Preview

Shades and Tints of #2214dc

Tones of #2214dc

Color Blindness Simulator