#220aef hex color

In a RGB color space, hex #220aef is composed of 13.3% red, 3.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 95.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 246.3 degrees, a saturation of 92% and a lightness of 48.8%. #220aef color hex could be obtained by blending #4414ff with #0000df. Closest websafe color is: #3300ff.

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

● #220aef color description : Vivid blue.

The hexadecimal color #220aef has RGB values of R:34, G:10, B:239 and CMYK values of C:0.86, M:0.96, Y:0, K:0.06. Its decimal value is 2231023.

Hex triplet	220aef	`#220aef`
RGB Decimal	34, 10, 239	`rgb(34,10,239)`
RGB Percent	13.3, 3.9, 93.7	`rgb(13.3%,3.9%,93.7%)`
CMYK	86, 96, 0, 6
HSL	246.3°, 92, 48.8	`hsl(246.3,92%,48.8%)`
HSV (or HSB)	246.3°, 95.8, 93.7
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.319, 74.086, -100.455
XYZ	16.345, 6.788, 82.105
xyY	0.155, 0.065, 6.788
CIE-LCH	31.319, 124.82, 306.409
CIE-LUV	31.319, -7.516, -122.44
Hunter-Lab	26.054, 66.39, -168.608
Binary	00100010, 00001010, 11101111

#220aef
```
#220aef rgb(34,10,239)
```
#d7ef0a
```
#d7ef0a rgb(215,239,10)
```

Complementary Color

#0a65ef
```
#0a65ef rgb(10,101,239)
```
#220aef
```
#220aef rgb(34,10,239)
```
#950aef
```
#950aef rgb(149,10,239)
```

Analogous Color

#65ef0a
```
#65ef0a rgb(101,239,10)
```
#220aef
```
#220aef rgb(34,10,239)
```
#ef950a
```
#ef950a rgb(239,149,10)
```

Split Complementary Color

#0aef22
```
#0aef22 rgb(10,239,34)
```
#220aef
```
#220aef rgb(34,10,239)
```
#ef220a
```
#ef220a rgb(239,34,10)
```

Triadic Color

#0ad7ef
```
#0ad7ef rgb(10,215,239)
```
#220aef
```
#220aef rgb(34,10,239)
```
#ef220a
```
#ef220a rgb(239,34,10)
```
#d7ef0a
```
#d7ef0a rgb(215,239,10)
```

Tetradic Color

#1807a6
```
#1807a6 rgb(24,7,166)
```
#1b08be
```
#1b08be rgb(27,8,190)
```
#1f09d7
```
#1f09d7 rgb(31,9,215)
```
#220aef
```
#220aef rgb(34,10,239)
```
#341df6
```
#341df6 rgb(52,29,246)
```
#4a35f7
```
#4a35f7 rgb(74,53,247)
```
#604ef8
```
#604ef8 rgb(96,78,248)
```

Monochromatic Color

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

#0a2bef
```
#0a2bef rgb(10,43,239)
```
#0a18ef
```
#0a18ef rgb(10,24,239)
```
#0f0aef
```
#0f0aef rgb(15,10,239)
```
#220aef
```
#220aef rgb(34,10,239)
```
#350aef
```
#350aef rgb(53,10,239)
```
#480aef
```
#480aef rgb(72,10,239)
```
#5b0aef
```
#5b0aef rgb(91,10,239)
```

Similar Colors

Text with hexadecimal color #220aef

This text has a font color of #220aef.

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

#220aef background color

This paragraph has a background color of #220aef.

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

#220aef border color

This element has a border color of #220aef.

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

CSS codes

.text {color:#220aef;}

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

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

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

#02010d
```
#02010d rgb(2,1,13)
```
#050120
```
#050120 rgb(5,1,32)
```
#070233
```
#070233 rgb(7,2,51)
```
#0a0346
```
#0a0346 rgb(10,3,70)
```
#0d0458
```
#0d0458 rgb(13,4,88)
```
#0f046b
```
#0f046b rgb(15,4,107)
```
#12057e
```
#12057e rgb(18,5,126)
```
#150691
```
#150691 rgb(21,6,145)
```
#1707a4
```
#1707a4 rgb(23,7,164)
```
#1a08b7
```
#1a08b7 rgb(26,8,183)
```
#1d08c9
```
#1d08c9 rgb(29,8,201)
```
#1f09dc
```
#1f09dc rgb(31,9,220)
```
#220aef
```
#220aef rgb(34,10,239)
```

Shade Color Variation

#2f17f5
```
#2f17f5 rgb(47,23,245)
```
#402af6
```
#402af6 rgb(64,42,246)
```
#503df7
```
#503df7 rgb(80,61,247)
```
#6150f8
```
#6150f8 rgb(97,80,248)
```
#7263f8
```
#7263f8 rgb(114,99,248)
```
#8375f9
```
#8375f9 rgb(131,117,249)
```
#9488fa
```
#9488fa rgb(148,136,250)
```
#a59bfb
```
#a59bfb rgb(165,155,251)
```
#b6aefc
```
#b6aefc rgb(182,174,252)
```
#c7c1fc
```
#c7c1fc rgb(199,193,252)
```
#d8d4fd
```
#d8d4fd rgb(216,212,253)
```
#e9e6fe
```
#e9e6fe rgb(233,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#757386
```
#757386 rgb(117,115,134)
```
#6e6a8f
```
#6e6a8f rgb(110,106,143)
```
#666099
```
#666099 rgb(102,96,153)
```
#5f57a2
```
#5f57a2 rgb(95,87,162)
```
#574dac
```
#574dac rgb(87,77,172)
```
#4f43b6
```
#4f43b6 rgb(79,67,182)
```
#483abf
```
#483abf rgb(72,58,191)
```
#4030c9
```
#4030c9 rgb(64,48,201)
```
#3927d2
```
#3927d2 rgb(57,39,210)
```
#311ddc
```
#311ddc rgb(49,29,220)
```
#2a14e5
```
#2a14e5 rgb(42,20,229)
```
#220aef
```
#220aef rgb(34,10,239)
```
#1a00f9
```
#1a00f9 rgb(26,0,249)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#292452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0c37ba Protanomaly 1% of men, 0.01% of women
#0c3aac Deuteranomaly 6% of men, 0.4% of women
#0c3d93 Tritanomaly 0.01% of the population

#220aef hex color

#220aef Color Information

#220aef Color Conversion

Color Schemes with #220aef

Alternatives to #220aef

#220aef Preview

Shades and Tints of #220aef

Tones of #220aef

Color Blindness Simulator