#220cff hex color

In a RGB color space, hex #220cff is composed of 13.3% red, 4.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 95.3% magenta, 0% yellow and 0% black. It has a hue angle of 245.4 degrees, a saturation of 100% and a lightness of 52.4%. #220cff color hex could be obtained by blending #4418ff with #0000ff. 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

● #220cff color description : Vivid blue.

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

Hex triplet	220cff	`#220cff`
RGB Decimal	34, 12, 255	`rgb(34,12,255)`
RGB Percent	13.3, 4.7, 100	`rgb(13.3%,4.7%,100%)`
CMYK	87, 95, 0, 0
HSL	245.4°, 100, 52.4	`hsl(245.4,100%,52.4%)`
HSV (or HSB)	245.4°, 95.3, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.609, 77.688, -105.658
XYZ	18.838, 7.822, 95.119
xyY	0.155, 0.064, 7.822
CIE-LCH	33.609, 131.145, 306.326
CIE-LUV	33.609, -8.337, -131.657
Hunter-Lab	27.967, 71.288, -182.074
Binary	00100010, 00001100, 11111111

#220cff
```
#220cff rgb(34,12,255)
```
#e9ff0c
```
#e9ff0c rgb(233,255,12)
```

Complementary Color

#0c70ff
```
#0c70ff rgb(12,112,255)
```
#220cff
```
#220cff rgb(34,12,255)
```
#9c0cff
```
#9c0cff rgb(156,12,255)
```

Analogous Color

#70ff0c
```
#70ff0c rgb(112,255,12)
```
#220cff
```
#220cff rgb(34,12,255)
```
#ff9c0c
```
#ff9c0c rgb(255,156,12)
```

Split Complementary Color

#0cff22
```
#0cff22 rgb(12,255,34)
```
#220cff
```
#220cff rgb(34,12,255)
```
#ff220c
```
#ff220c rgb(255,34,12)
```

Triadic Color

#0ce9ff
```
#0ce9ff rgb(12,233,255)
```
#220cff
```
#220cff rgb(34,12,255)
```
#ff220c
```
#ff220c rgb(255,34,12)
```
#e9ff0c
```
#e9ff0c rgb(233,255,12)
```

Tetradic Color

#1100bf
```
#1100bf rgb(17,0,191)
```
#1400d8
```
#1400d8 rgb(20,0,216)
```
#1600f2
```
#1600f2 rgb(22,0,242)
```
#220cff
```
#220cff rgb(34,12,255)
```
#3926ff
```
#3926ff rgb(57,38,255)
```
#503fff
```
#503fff rgb(80,63,255)
```
#6859ff
```
#6859ff rgb(104,89,255)
```

Monochromatic Color

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

#0c33ff
```
#0c33ff rgb(12,51,255)
```
#0c1fff
```
#0c1fff rgb(12,31,255)
```
#0e0cff
```
#0e0cff rgb(14,12,255)
```
#220cff
```
#220cff rgb(34,12,255)
```
#360cff
```
#360cff rgb(54,12,255)
```
#4a0cff
```
#4a0cff rgb(74,12,255)
```
#5f0cff
```
#5f0cff rgb(95,12,255)
```

Similar Colors

Text with hexadecimal color #220cff

This text has a font color of #220cff.

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

#220cff background color

This paragraph has a background color of #220cff.

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

#220cff border color

This element has a border color of #220cff.

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

CSS codes

.text {color:#220cff;}

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

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

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

#01000c
```
#01000c rgb(1,0,12)
```
#030020
```
#030020 rgb(3,0,32)
```
#050033
```
#050033 rgb(5,0,51)
```
#060047
```
#060047 rgb(6,0,71)
```
#08005a
```
#08005a rgb(8,0,90)
```
#0a006e
```
#0a006e rgb(10,0,110)
```
#0c0082
```
#0c0082 rgb(12,0,130)
```
#0e0095
```
#0e0095 rgb(14,0,149)
```
#0f00a9
```
#0f00a9 rgb(15,0,169)
```
#1100bd
```
#1100bd rgb(17,0,189)
```
#1300d0
```
#1300d0 rgb(19,0,208)
```
#1500e4
```
#1500e4 rgb(21,0,228)
```
#1600f7
```
#1600f7 rgb(22,0,247)
```

Shade Color Variation

#220cff
```
#220cff rgb(34,12,255)
```
#3420ff
```
#3420ff rgb(52,32,255)
```
#4633ff
```
#4633ff rgb(70,51,255)
```
#5847ff
```
#5847ff rgb(88,71,255)
```
#695aff
```
#695aff rgb(105,90,255)
```
#7b6eff
```
#7b6eff rgb(123,110,255)
```
#8d82ff
```
#8d82ff rgb(141,130,255)
```
#9f95ff
```
#9f95ff rgb(159,149,255)
```
#b1a9ff
```
#b1a9ff rgb(177,169,255)
```
#c3bdff
```
#c3bdff rgb(195,189,255)
```
#d4d0ff
```
#d4d0ff rgb(212,208,255)
```
#e6e4ff
```
#e6e4ff rgb(230,228,255)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Tint Color Variation

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

#7e7c8f
```
#7e7c8f rgb(126,124,143)
```
#767398
```
#767398 rgb(118,115,152)
```
#6f69a2
```
#6f69a2 rgb(111,105,162)
```
#6760ab
```
#6760ab rgb(103,96,171)
```
#5f57b4
```
#5f57b4 rgb(95,87,180)
```
#584dbe
```
#584dbe rgb(88,77,190)
```
#5044c7
```
#5044c7 rgb(80,68,199)
```
#483bd0
```
#483bd0 rgb(72,59,208)
```
#4131da
```
#4131da rgb(65,49,218)
```
#3928e3
```
#3928e3 rgb(57,40,227)
```
#311fec
```
#311fec rgb(49,31,236)
```
#2a15f6
```
#2a15f6 rgb(42,21,246)
```
#220cff
```
#220cff rgb(34,12,255)
```

Tone Color Variation

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

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

Trichromacy

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

#220cff hex color

#220cff Color Information

#220cff Color Conversion

Color Schemes with #220cff

Alternatives to #220cff

#220cff Preview

Shades and Tints of #220cff

Tones of #220cff

Color Blindness Simulator