#220afe hex color

In a RGB color space, hex #220afe is composed of 13.3% red, 3.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 96.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 245.9 degrees, a saturation of 99.2% and a lightness of 51.8%. #220afe color hex could be obtained by blending #4414ff with #0000fd. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 4
- B 100
RGB color chart
- C 87
- M 96
- Y 0
- K 0
CMYK color chart

● #220afe color description : Vivid blue.

The hexadecimal color #220afe has RGB values of R:34, G:10, B:254 and CMYK values of C:0.87, M:0.96, Y:0, K:0. Its decimal value is 2231038.

Hex triplet	220afe	`#220afe`
RGB Decimal	34, 10, 254	`rgb(34,10,254)`
RGB Percent	13.3, 3.9, 99.6	`rgb(13.3%,3.9%,99.6%)`
CMYK	87, 96, 0, 0
HSL	245.9°, 99.2, 51.8	`hsl(245.9,99.2%,51.8%)`
HSV (or HSB)	245.9°, 96.1, 99.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.375, 77.746, -105.488
XYZ	18.654, 7.712, 94.266
xyY	0.155, 0.064, 7.712
CIE-LCH	33.375, 131.042, 306.391
CIE-LUV	33.375, -8.225, -131.008
Hunter-Lab	27.77, 71.309, -181.824
Binary	00100010, 00001010, 11111110

#220afe
```
#220afe rgb(34,10,254)
```
#e6fe0a
```
#e6fe0a rgb(230,254,10)
```

Complementary Color

#0a6cfe
```
#0a6cfe rgb(10,108,254)
```
#220afe
```
#220afe rgb(34,10,254)
```
#9c0afe
```
#9c0afe rgb(156,10,254)
```

Analogous Color

#6cfe0a
```
#6cfe0a rgb(108,254,10)
```
#220afe
```
#220afe rgb(34,10,254)
```
#fe9c0a
```
#fe9c0a rgb(254,156,10)
```

Split Complementary Color

#0afe22
```
#0afe22 rgb(10,254,34)
```
#220afe
```
#220afe rgb(34,10,254)
```
#fe220a
```
#fe220a rgb(254,34,10)
```

Triadic Color

#0ae6fe
```
#0ae6fe rgb(10,230,254)
```
#220afe
```
#220afe rgb(34,10,254)
```
#fe220a
```
#fe220a rgb(254,34,10)
```
#e6fe0a
```
#e6fe0a rgb(230,254,10)
```

Tetradic Color

#1301bb
```
#1301bb rgb(19,1,187)
```
#1601d4
```
#1601d4 rgb(22,1,212)
```
#1801ee
```
#1801ee rgb(24,1,238)
```
#220afe
```
#220afe rgb(34,10,254)
```
#3923fe
```
#3923fe rgb(57,35,254)
```
#503dfe
```
#503dfe rgb(80,61,254)
```
#6756fe
```
#6756fe rgb(103,86,254)
```

Monochromatic Color

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

#0a2ffe
```
#0a2ffe rgb(10,47,254)
```
#0a1bfe
```
#0a1bfe rgb(10,27,254)
```
#0e0afe
```
#0e0afe rgb(14,10,254)
```
#220afe
```
#220afe rgb(34,10,254)
```
#360afe
```
#360afe rgb(54,10,254)
```
#4b0afe
```
#4b0afe rgb(75,10,254)
```
#5f0afe
```
#5f0afe rgb(95,10,254)
```

Similar Colors

Text with hexadecimal color #220afe

This text has a font color of #220afe.

<span style="color:#220afe;">Text here</span>

#220afe background color

This paragraph has a background color of #220afe.

<p style="background-color:#220afe;">Content here</p>

#220afe border color

This element has a border color of #220afe.

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

CSS codes

.text {color:#220afe;}

.background {background-color:#220afe;}

.border {border:1px solid #220afe;}

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

#010009
```
#010009 rgb(1,0,9)
```
#03001c
```
#03001c rgb(3,0,28)
```
#050030
```
#050030 rgb(5,0,48)
```
#070044
```
#070044 rgb(7,0,68)
```
#090057
```
#090057 rgb(9,0,87)
```
#0b006b
```
#0b006b rgb(11,0,107)
```
#0d017e
```
#0d017e rgb(13,1,126)
```
#0f0192
```
#0f0192 rgb(15,1,146)
```
#1101a5
```
#1101a5 rgb(17,1,165)
```
#1301b9
```
#1301b9 rgb(19,1,185)
```
#1501cc
```
#1501cc rgb(21,1,204)
```
#1701e0
```
#1701e0 rgb(23,1,224)
```
#1901f3
```
#1901f3 rgb(25,1,243)
```

Shade Color Variation

#220afe
```
#220afe rgb(34,10,254)
```
#341efe
```
#341efe rgb(52,30,254)
```
#4531fe
```
#4531fe rgb(69,49,254)
```
#5745fe
```
#5745fe rgb(87,69,254)
```
#6858fe
```
#6858fe rgb(104,88,254)
```
#7a6cfe
```
#7a6cfe rgb(122,108,254)
```
#8c7ffe
```
#8c7ffe rgb(140,127,254)
```
#9d93ff
```
#9d93ff rgb(157,147,255)
```
#afa6ff
```
#afa6ff rgb(175,166,255)
```
#c1baff
```
#c1baff rgb(193,186,255)
```
#d2cdff
```
#d2cdff rgb(210,205,255)
```
#e4e1ff
```
#e4e1ff rgb(228,225,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7c8c is the less saturated color, while #220afe is the most saturated one.

#7d7c8c
```
#7d7c8c rgb(125,124,140)
```
#767296
```
#767296 rgb(118,114,150)
```
#6e699f
```
#6e699f rgb(110,105,159)
```
#665fa9
```
#665fa9 rgb(102,95,169)
```
#5f56b2
```
#5f56b2 rgb(95,86,178)
```
#574cbc
```
#574cbc rgb(87,76,188)
```
#5043c5
```
#5043c5 rgb(80,67,197)
```
#4839cf
```
#4839cf rgb(72,57,207)
```
#4030d8
```
#4030d8 rgb(64,48,216)
```
#3926e2
```
#3926e2 rgb(57,38,226)
```
#311deb
```
#311deb rgb(49,29,235)
```
#2a13f5
```
#2a13f5 rgb(42,19,245)
```
#220afe
```
#220afe rgb(34,10,254)
```

Tone Color Variation

Below, you can see how #220afe 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

#2d2d2d Achromatopsia 0.005% of the population
#2b2657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0c39c5 Protanomaly 1% of men, 0.01% of women
#0c3db6 Deuteranomaly 6% of men, 0.4% of women
#0c419c Tritanomaly 0.01% of the population

#220afe hex color

#220afe Color Information

#220afe Color Conversion

Color Schemes with #220afe

Alternatives to #220afe

#220afe Preview

Shades and Tints of #220afe

Tones of #220afe

Color Blindness Simulator