#2216fa hex color

In a RGB color space, hex #2216fa is composed of 13.3% red, 8.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 91.2% magenta, 0% yellow and 2% black. It has a hue angle of 243.2 degrees, a saturation of 95.8% and a lightness of 53.3%. #2216fa color hex could be obtained by blending #442cff with #0000f5. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 9
- B 98
RGB color chart
- C 86
- M 91
- Y 0
- K 2
CMYK color chart

● #2216fa color description : Vivid blue.

The hexadecimal color #2216fa has RGB values of R:34, G:22, B:250 and CMYK values of C:0.86, M:0.91, Y:0, K:0.02. Its decimal value is 2234106.

Hex triplet	2216fa	`#2216fa`
RGB Decimal	34, 22, 250	`rgb(34,22,250)`
RGB Percent	13.3, 8.6, 98	`rgb(13.3%,8.6%,98%)`
CMYK	86, 91, 0, 2
HSL	243.2°, 95.8, 53.3	`hsl(243.2,95.8%,53.3%)`
HSV (or HSB)	243.2°, 91.2, 98
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.594, 74.416, -102.873
XYZ	18.198, 7.815, 90.986
xyY	0.156, 0.067, 7.815
CIE-LCH	33.594, 126.967, 305.881
CIE-LUV	33.594, -8.555, -129.319
Hunter-Lab	27.955, 67.282, -173.407
Binary	00100010, 00010110, 11111010

#2216fa
```
#2216fa rgb(34,22,250)
```
#eefa16
```
#eefa16 rgb(238,250,22)
```

Complementary Color

#167cfa
```
#167cfa rgb(22,124,250)
```
#2216fa
```
#2216fa rgb(34,22,250)
```
#9416fa
```
#9416fa rgb(148,22,250)
```

Analogous Color

#7cfa16
```
#7cfa16 rgb(124,250,22)
```
#2216fa
```
#2216fa rgb(34,22,250)
```
#fa9416
```
#fa9416 rgb(250,148,22)
```

Split Complementary Color

#16fa22
```
#16fa22 rgb(22,250,34)
```
#2216fa
```
#2216fa rgb(34,22,250)
```
#fa2216
```
#fa2216 rgb(250,34,22)
```

Triadic Color

#16eefa
```
#16eefa rgb(22,238,250)
```
#2216fa
```
#2216fa rgb(34,22,250)
```
#fa2216
```
#fa2216 rgb(250,34,22)
```
#eefa16
```
#eefa16 rgb(238,250,22)
```

Tetradic Color

#0e04bf
```
#0e04bf rgb(14,4,191)
```
#1005d8
```
#1005d8 rgb(16,5,216)
```
#1205f1
```
#1205f1 rgb(18,5,241)
```
#2216fa
```
#2216fa rgb(34,22,250)
```
#3a2ffb
```
#3a2ffb rgb(58,47,251)
```
#5148fb
```
#5148fb rgb(81,72,251)
```
#6961fc
```
#6961fc rgb(105,97,252)
```

Monochromatic Color

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

#1643fa
```
#1643fa rgb(22,67,250)
```
#1630fa
```
#1630fa rgb(22,48,250)
```
#161dfa
```
#161dfa rgb(22,29,250)
```
#2216fa
```
#2216fa rgb(34,22,250)
```
#3516fa
```
#3516fa rgb(53,22,250)
```
#4816fa
```
#4816fa rgb(72,22,250)
```
#5b16fa
```
#5b16fa rgb(91,22,250)
```

Similar Colors

Text with hexadecimal color #2216fa

This text has a font color of #2216fa.

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

#2216fa background color

This paragraph has a background color of #2216fa.

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

#2216fa border color

This element has a border color of #2216fa.

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

CSS codes

.text {color:#2216fa;}

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

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

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

#010011
```
#010011 rgb(1,0,17)
```
#030124
```
#030124 rgb(3,1,36)
```
#040137
```
#040137 rgb(4,1,55)
```
#05024a
```
#05024a rgb(5,2,74)
```
#07025d
```
#07025d rgb(7,2,93)
```
#080271
```
#080271 rgb(8,2,113)
```
#0a0384
```
#0a0384 rgb(10,3,132)
```
#0b0397
```
#0b0397 rgb(11,3,151)
```
#0c04aa
```
#0c04aa rgb(12,4,170)
```
#0e04bd
```
#0e04bd rgb(14,4,189)
```
#0f04d1
```
#0f04d1 rgb(15,4,209)
```
#1105e4
```
#1105e4 rgb(17,5,228)
```
#1205f7
```
#1205f7 rgb(18,5,247)
```

Shade Color Variation

#2216fa
```
#2216fa rgb(34,22,250)
```
#3429fa
```
#3429fa rgb(52,41,250)
```
#463cfb
```
#463cfb rgb(70,60,251)
```
#5950fb
```
#5950fb rgb(89,80,251)
```
#6b63fc
```
#6b63fc rgb(107,99,252)
```
#7d76fc
```
#7d76fc rgb(125,118,252)
```
#8f89fc
```
#8f89fc rgb(143,137,252)
```
#a29cfd
```
#a29cfd rgb(162,156,253)
```
#b4b0fd
```
#b4b0fd rgb(180,176,253)
```
#c6c3fe
```
#c6c3fe rgb(198,195,254)
```
#d8d6fe
```
#d8d6fe rgb(216,214,254)
```
#eae9ff
```
#eae9ff rgb(234,233,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84848c is the less saturated color, while #2216fa is the most saturated one.

#84848c
```
#84848c rgb(132,132,140)
```
#7c7b95
```
#7c7b95 rgb(124,123,149)
```
#74729e
```
#74729e rgb(116,114,158)
```
#6c68a8
```
#6c68a8 rgb(108,104,168)
```
#645fb1
```
#645fb1 rgb(100,95,177)
```
#5b56ba
```
#5b56ba rgb(91,86,186)
```
#534dc3
```
#534dc3 rgb(83,77,195)
```
#4b44cc
```
#4b44cc rgb(75,68,204)
```
#433bd5
```
#433bd5 rgb(67,59,213)
```
#3b31df
```
#3b31df rgb(59,49,223)
```
#3228e8
```
#3228e8 rgb(50,40,232)
```
#2a1ff1
```
#2a1ff1 rgb(42,31,241)
```
#2216fa
```
#2216fa rgb(34,22,250)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#302e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006164 Tritanopia 0.001% of the population

Trichromacy

#0c3ec4 Protanomaly 1% of men, 0.01% of women
#0c41b6 Deuteranomaly 6% of men, 0.4% of women
#0c459b Tritanomaly 0.01% of the population

#2216fa hex color

#2216fa Color Information

#2216fa Color Conversion

Color Schemes with #2216fa

Alternatives to #2216fa

#2216fa Preview

Shades and Tints of #2216fa

Tones of #2216fa

Color Blindness Simulator