#220cfe hex color

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

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

● #220cfe color description : Vivid blue.

The hexadecimal color #220cfe has RGB values of R:34, G:12, B:254 and CMYK values of C:0.87, M:0.95, Y:0, K:0. Its decimal value is 2231550.

Hex triplet	220cfe	`#220cfe`
RGB Decimal	34, 12, 254	`rgb(34,12,254)`
RGB Percent	13.3, 4.7, 99.6	`rgb(13.3%,4.7%,99.6%)`
CMYK	87, 95, 0, 0
HSL	245.5°, 99.2, 52.2	`hsl(245.5,99.2%,52.2%)`
HSV (or HSB)	245.5°, 95.3, 99.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.473, 77.444, -105.325
XYZ	18.677, 7.757, 94.273
xyY	0.155, 0.064, 7.757
CIE-LCH	33.473, 130.732, 306.327
CIE-LUV	33.473, -8.29, -131.088
Hunter-Lab	27.852, 70.957, -181.187
Binary	00100010, 00001100, 11111110

#220cfe
```
#220cfe rgb(34,12,254)
```
#e8fe0c
```
#e8fe0c rgb(232,254,12)
```

Complementary Color

#0c6ffe
```
#0c6ffe rgb(12,111,254)
```
#220cfe
```
#220cfe rgb(34,12,254)
```
#9b0cfe
```
#9b0cfe rgb(155,12,254)
```

Analogous Color

#6ffe0c
```
#6ffe0c rgb(111,254,12)
```
#220cfe
```
#220cfe rgb(34,12,254)
```
#fe9b0c
```
#fe9b0c rgb(254,155,12)
```

Split Complementary Color

#0cfe22
```
#0cfe22 rgb(12,254,34)
```
#220cfe
```
#220cfe rgb(34,12,254)
```
#fe220c
```
#fe220c rgb(254,34,12)
```

Triadic Color

#0ce8fe
```
#0ce8fe rgb(12,232,254)
```
#220cfe
```
#220cfe rgb(34,12,254)
```
#fe220c
```
#fe220c rgb(254,34,12)
```
#e8fe0c
```
#e8fe0c rgb(232,254,12)
```

Tetradic Color

#1201bd
```
#1201bd rgb(18,1,189)
```
#1401d6
```
#1401d6 rgb(20,1,214)
```
#1701f0
```
#1701f0 rgb(23,1,240)
```
#220cfe
```
#220cfe rgb(34,12,254)
```
#3925fe
```
#3925fe rgb(57,37,254)
```
#503ffe
```
#503ffe rgb(80,63,254)
```
#6758fe
```
#6758fe rgb(103,88,254)
```

Monochromatic Color

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

#0c33fe
```
#0c33fe rgb(12,51,254)
```
#0c1efe
```
#0c1efe rgb(12,30,254)
```
#0e0cfe
```
#0e0cfe rgb(14,12,254)
```
#220cfe
```
#220cfe rgb(34,12,254)
```
#360cfe
```
#360cfe rgb(54,12,254)
```
#4a0cfe
```
#4a0cfe rgb(74,12,254)
```
#5e0cfe
```
#5e0cfe rgb(94,12,254)
```

Similar Colors

Text with hexadecimal color #220cfe

This text has a font color of #220cfe.

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

#220cfe background color

This paragraph has a background color of #220cfe.

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

#220cfe border color

This element has a border color of #220cfe.

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

CSS codes

.text {color:#220cfe;}

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

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

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, #01000b is the darkest color, while #f7f6ff is the lightest one.

#01000b
```
#01000b rgb(1,0,11)
```
#03001e
```
#03001e rgb(3,0,30)
```
#050032
```
#050032 rgb(5,0,50)
```
#070046
```
#070046 rgb(7,0,70)
```
#080059
```
#080059 rgb(8,0,89)
```
#0a006d
```
#0a006d rgb(10,0,109)
```
#0c0180
```
#0c0180 rgb(12,1,128)
```
#0e0194
```
#0e0194 rgb(14,1,148)
```
#1001a7
```
#1001a7 rgb(16,1,167)
```
#1201bb
```
#1201bb rgb(18,1,187)
```
#1401ce
```
#1401ce rgb(20,1,206)
```
#1501e2
```
#1501e2 rgb(21,1,226)
```
#1701f5
```
#1701f5 rgb(23,1,245)
```

Shade Color Variation

#220cfe
```
#220cfe rgb(34,12,254)
```
#3420fe
```
#3420fe rgb(52,32,254)
```
#4633fe
```
#4633fe rgb(70,51,254)
```
#5747fe
```
#5747fe rgb(87,71,254)
```
#695afe
```
#695afe rgb(105,90,254)
```
#7b6efe
```
#7b6efe rgb(123,110,254)
```
#8d81fe
```
#8d81fe rgb(141,129,254)
```
#9e95ff
```
#9e95ff rgb(158,149,255)
```
#b0a8ff
```
#b0a8ff rgb(176,168,255)
```
#c2bcff
```
#c2bcff rgb(194,188,255)
```
#d4cfff
```
#d4cfff rgb(212,207,255)
```
#e5e3ff
```
#e5e3ff rgb(229,227,255)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

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

#7e7d8d
```
#7e7d8d rgb(126,125,141)
```
#767397
```
#767397 rgb(118,115,151)
```
#6f6aa0
```
#6f6aa0 rgb(111,106,160)
```
#6760aa
```
#6760aa rgb(103,96,170)
```
#5f57b3
```
#5f57b3 rgb(95,87,179)
```
#584ebc
```
#584ebc rgb(88,78,188)
```
#5044c6
```
#5044c6 rgb(80,68,198)
```
#483bcf
```
#483bcf rgb(72,59,207)
```
#4132d8
```
#4132d8 rgb(65,50,216)
```
#3928e2
```
#3928e2 rgb(57,40,226)
```
#311feb
```
#311feb rgb(49,31,235)
```
#2a15f5
```
#2a15f5 rgb(42,21,245)
```
#220cfe
```
#220cfe rgb(34,12,254)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2c2758 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

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

#220cfe hex color

#220cfe Color Information

#220cfe Color Conversion

Color Schemes with #220cfe

Alternatives to #220cfe

#220cfe Preview

Shades and Tints of #220cfe

Tones of #220cfe

Color Blindness Simulator