#2216e0 hex color

In a RGB color space, hex #2216e0 is composed of 13.3% red, 8.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 90.2% magenta, 0% yellow and 12.2% black. It has a hue angle of 243.6 degrees, a saturation of 82.1% and a lightness of 48.2%. #2216e0 color hex could be obtained by blending #442cff with #0000c1. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 9
- B 88
RGB color chart
- C 85
- M 90
- Y 0
- K 12
CMYK color chart

● #2216e0 color description : Vivid blue.

The hexadecimal color #2216e0 has RGB values of R:34, G:22, B:224 and CMYK values of C:0.85, M:0.9, Y:0, K:0.12. Its decimal value is 2234080.

Hex triplet	2216e0	`#2216e0`
RGB Decimal	34, 22, 224	`rgb(34,22,224)`
RGB Percent	13.3, 8.6, 87.8	`rgb(13.3%,8.6%,87.8%)`
CMYK	85, 90, 0, 12
HSL	243.6°, 82.1, 48.2	`hsl(243.6,82.1%,48.2%)`
HSV (or HSB)	243.6°, 90.2, 87.8
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.144, 67.643, -93.851
XYZ	14.398, 6.295, 70.973
xyY	0.157, 0.069, 6.295
CIE-LCH	30.144, 115.688, 305.782
CIE-LUV	30.144, -7.379, -114.527
Hunter-Lab	25.089, 58.533, -150.159
Binary	00100010, 00010110, 11100000

#2216e0
```
#2216e0 rgb(34,22,224)
```
#d4e016
```
#d4e016 rgb(212,224,22)
```

Complementary Color

#166fe0
```
#166fe0 rgb(22,111,224)
```
#2216e0
```
#2216e0 rgb(34,22,224)
```
#8716e0
```
#8716e0 rgb(135,22,224)
```

Analogous Color

#6fe016
```
#6fe016 rgb(111,224,22)
```
#2216e0
```
#2216e0 rgb(34,22,224)
```
#e08716
```
#e08716 rgb(224,135,22)
```

Split Complementary Color

#16e022
```
#16e022 rgb(22,224,34)
```
#2216e0
```
#2216e0 rgb(34,22,224)
```
#e02216
```
#e02216 rgb(224,34,22)
```

Triadic Color

#16d4e0
```
#16d4e0 rgb(22,212,224)
```
#2216e0
```
#2216e0 rgb(34,22,224)
```
#e02216
```
#e02216 rgb(224,34,22)
```
#d4e016
```
#d4e016 rgb(212,224,22)
```

Tetradic Color

#170f9a
```
#170f9a rgb(23,15,154)
```
#1b11b2
```
#1b11b2 rgb(27,17,178)
```
#1e14c9
```
#1e14c9 rgb(30,20,201)
```
#2216e0
```
#2216e0 rgb(34,22,224)
```
#3126ea
```
#3126ea rgb(49,38,234)
```
#473dec
```
#473dec rgb(71,61,236)
```
#5d54ee
```
#5d54ee rgb(93,84,238)
```

Monochromatic Color

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

#163ce0
```
#163ce0 rgb(22,60,224)
```
#162ce0
```
#162ce0 rgb(22,44,224)
```
#161be0
```
#161be0 rgb(22,27,224)
```
#2216e0
```
#2216e0 rgb(34,22,224)
```
#3316e0
```
#3316e0 rgb(51,22,224)
```
#4416e0
```
#4416e0 rgb(68,22,224)
```
#5516e0
```
#5516e0 rgb(85,22,224)
```

Similar Colors

Text with hexadecimal color #2216e0

This text has a font color of #2216e0.

<span style="color:#2216e0;">Text here</span>

#2216e0 background color

This paragraph has a background color of #2216e0.

<p style="background-color:#2216e0;">Content here</p>

#2216e0 border color

This element has a border color of #2216e0.

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

CSS codes

.text {color:#2216e0;}

.background {background-color:#2216e0;}

.border {border:1px solid #2216e0;}

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, #01010a is the darkest color, while #f7f7fe is the lightest one.

#01010a
```
#01010a rgb(1,1,10)
```
#04031c
```
#04031c rgb(4,3,28)
```
#07042d
```
#07042d rgb(7,4,45)
```
#0a063f
```
#0a063f rgb(10,6,63)
```
#0c0851
```
#0c0851 rgb(12,8,81)
```
#0f0a63
```
#0f0a63 rgb(15,10,99)
```
#120b75
```
#120b75 rgb(18,11,117)
```
#140d87
```
#140d87 rgb(20,13,135)
```
#170f99
```
#170f99 rgb(23,15,153)
```
#1a11aa
```
#1a11aa rgb(26,17,170)
```
#1d12bc
```
#1d12bc rgb(29,18,188)
```
#1f14ce
```
#1f14ce rgb(31,20,206)
```
#2216e0
```
#2216e0 rgb(34,22,224)
```

Shade Color Variation

#2c20e9
```
#2c20e9 rgb(44,32,233)
```
#3d32eb
```
#3d32eb rgb(61,50,235)
```
#4e44ed
```
#4e44ed rgb(78,68,237)
```
#5f56ee
```
#5f56ee rgb(95,86,238)
```
#7068f0
```
#7068f0 rgb(112,104,240)
```
#817af2
```
#817af2 rgb(129,122,242)
```
#928cf4
```
#928cf4 rgb(146,140,244)
```
#a39df5
```
#a39df5 rgb(163,157,245)
```
#b4aff7
```
#b4aff7 rgb(180,175,247)
```
#c5c1f9
```
#c5c1f9 rgb(197,193,249)
```
#d5d3fb
```
#d5d3fb rgb(213,211,251)
```
#e6e5fc
```
#e6e5fc rgb(230,229,252)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#757581
```
#757581 rgb(117,117,129)
```
#6d6b8b
```
#6d6b8b rgb(109,107,139)
```
#656294
```
#656294 rgb(101,98,148)
```
#5c589e
```
#5c589e rgb(92,88,158)
```
#544fa7
```
#544fa7 rgb(84,79,167)
```
#4c45b1
```
#4c45b1 rgb(76,69,177)
```
#433cba
```
#433cba rgb(67,60,186)
```
#3b32c4
```
#3b32c4 rgb(59,50,196)
```
#3329cd
```
#3329cd rgb(51,41,205)
```
#2a1fd7
```
#2a1fd7 rgb(42,31,215)
```
#2216e0
```
#2216e0 rgb(34,22,224)
```
#1a0de9
```
#1a0de9 rgb(26,13,233)
```
#1103f3
```
#1103f3 rgb(17,3,243)
```

Tone Color Variation

Below, you can see how #2216e0 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

#313131 Achromatopsia 0.005% of the population
#2e2c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005382 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#0c39b2 Protanomaly 1% of men, 0.01% of women
#0c3ca4 Deuteranomaly 6% of men, 0.4% of women
#0c408c Tritanomaly 0.01% of the population

#2216e0 hex color

#2216e0 Color Information

#2216e0 Color Conversion

Color Schemes with #2216e0

Alternatives to #2216e0

#2216e0 Preview

Shades and Tints of #2216e0

Tones of #2216e0

Color Blindness Simulator