#220cfc hex color

In a RGB color space, hex #220cfc is composed of 13.3% red, 4.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 95.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 245.5 degrees, a saturation of 97.6% and a lightness of 51.8%. #220cfc color hex could be obtained by blending #4418ff with #0000f9. Closest websafe color is: #3300ff.

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

● #220cfc color description : Vivid blue.

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

Hex triplet	220cfc	`#220cfc`
RGB Decimal	34, 12, 252	`rgb(34,12,252)`
RGB Percent	13.3, 4.7, 98.8	`rgb(13.3%,4.7%,98.8%)`
CMYK	87, 95, 0, 1
HSL	245.5°, 97.6, 51.8	`hsl(245.5,97.6%,51.8%)`
HSV (or HSB)	245.5°, 95.2, 98.8
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.2, 76.956, -104.656
XYZ	18.358, 7.63, 92.595
xyY	0.155, 0.064, 7.63
CIE-LCH	33.2, 129.904, 306.328
CIE-LUV	33.2, -8.197, -129.951
Hunter-Lab	27.622, 70.295, -179.415
Binary	00100010, 00001100, 11111100

#220cfc
```
#220cfc rgb(34,12,252)
```
#e6fc0c
```
#e6fc0c rgb(230,252,12)
```

Complementary Color

#0c6efc
```
#0c6efc rgb(12,110,252)
```
#220cfc
```
#220cfc rgb(34,12,252)
```
#9a0cfc
```
#9a0cfc rgb(154,12,252)
```

Analogous Color

#6efc0c
```
#6efc0c rgb(110,252,12)
```
#220cfc
```
#220cfc rgb(34,12,252)
```
#fc9a0c
```
#fc9a0c rgb(252,154,12)
```

Split Complementary Color

#0cfc22
```
#0cfc22 rgb(12,252,34)
```
#220cfc
```
#220cfc rgb(34,12,252)
```
#fc220c
```
#fc220c rgb(252,34,12)
```

Triadic Color

#0ce6fc
```
#0ce6fc rgb(12,230,252)
```
#220cfc
```
#220cfc rgb(34,12,252)
```
#fc220c
```
#fc220c rgb(252,34,12)
```
#e6fc0c
```
#e6fc0c rgb(230,252,12)
```

Tetradic Color

#1302b9
```
#1302b9 rgb(19,2,185)
```
#1603d2
```
#1603d2 rgb(22,3,210)
```
#1803ec
```
#1803ec rgb(24,3,236)
```
#220cfc
```
#220cfc rgb(34,12,252)
```
#3925fc
```
#3925fc rgb(57,37,252)
```
#503efd
```
#503efd rgb(80,62,253)
```
#6758fd
```
#6758fd rgb(103,88,253)
```

Monochromatic Color

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

#0c32fc
```
#0c32fc rgb(12,50,252)
```
#0c1efc
```
#0c1efc rgb(12,30,252)
```
#0e0cfc
```
#0e0cfc rgb(14,12,252)
```
#220cfc
```
#220cfc rgb(34,12,252)
```
#360cfc
```
#360cfc rgb(54,12,252)
```
#4a0cfc
```
#4a0cfc rgb(74,12,252)
```
#5e0cfc
```
#5e0cfc rgb(94,12,252)
```

Similar Colors

Text with hexadecimal color #220cfc

This text has a font color of #220cfc.

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

#220cfc background color

This paragraph has a background color of #220cfc.

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

#220cfc border color

This element has a border color of #220cfc.

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

CSS codes

.text {color:#220cfc;}

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

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

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 #f5f5ff is the lightest one.

#010009
```
#010009 rgb(1,0,9)
```
#03001c
```
#03001c rgb(3,0,28)
```
#050130
```
#050130 rgb(5,1,48)
```
#070143
```
#070143 rgb(7,1,67)
```
#090156
```
#090156 rgb(9,1,86)
```
#0b016a
```
#0b016a rgb(11,1,106)
```
#0d027d
```
#0d027d rgb(13,2,125)
```
#0f0291
```
#0f0291 rgb(15,2,145)
```
#1102a4
```
#1102a4 rgb(17,2,164)
```
#1302b7
```
#1302b7 rgb(19,2,183)
```
#1503cb
```
#1503cb rgb(21,3,203)
```
#1703de
```
#1703de rgb(23,3,222)
```
#1903f1
```
#1903f1 rgb(25,3,241)
```

Shade Color Variation

#220cfc
```
#220cfc rgb(34,12,252)
```
#341ffc
```
#341ffc rgb(52,31,252)
```
#4533fc
```
#4533fc rgb(69,51,252)
```
#5746fd
```
#5746fd rgb(87,70,253)
```
#685afd
```
#685afd rgb(104,90,253)
```
#7a6dfd
```
#7a6dfd rgb(122,109,253)
```
#8c80fd
```
#8c80fd rgb(140,128,253)
```
#9d94fe
```
#9d94fe rgb(157,148,254)
```
#afa7fe
```
#afa7fe rgb(175,167,254)
```
#c1bafe
```
#c1bafe rgb(193,186,254)
```
#d2cefe
```
#d2cefe rgb(210,206,254)
```
#e4e1ff
```
#e4e1ff rgb(228,225,255)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#7f7e8a
```
#7f7e8a rgb(127,126,138)
```
#777494
```
#777494 rgb(119,116,148)
```
#6f6b9d
```
#6f6b9d rgb(111,107,157)
```
#6861a7
```
#6861a7 rgb(104,97,167)
```
#6058b0
```
#6058b0 rgb(96,88,176)
```
#584eba
```
#584eba rgb(88,78,186)
```
#5045c3
```
#5045c3 rgb(80,69,195)
```
#493bcd
```
#493bcd rgb(73,59,205)
```
#4132d6
```
#4132d6 rgb(65,50,214)
```
#3928e0
```
#3928e0 rgb(57,40,224)
```
#311fe9
```
#311fe9 rgb(49,31,233)
```
#2a15f3
```
#2a15f3 rgb(42,21,243)
```
#220cfc
```
#220cfc rgb(34,12,252)
```

Tone Color Variation

Below, you can see how #220cfc 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
#2c2757 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#006063 Tritanopia 0.001% of the population

Trichromacy

#0c3ac4 Protanomaly 1% of men, 0.01% of women
#0c3db5 Deuteranomaly 6% of men, 0.4% of women
#0c419b Tritanomaly 0.01% of the population

#220cfc hex color

#220cfc Color Information

#220cfc Color Conversion

Color Schemes with #220cfc

Alternatives to #220cfc

#220cfc Preview

Shades and Tints of #220cfc

Tones of #220cfc

Color Blindness Simulator