#220fcc hex color

In a RGB color space, hex #220fcc is composed of 13.3% red, 5.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 92.6% magenta, 0% yellow and 20% black. It has a hue angle of 246 degrees, a saturation of 86.3% and a lightness of 42.9%. #220fcc color hex could be obtained by blending #441eff with #000099. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 6
- B 80
RGB color chart
- C 83
- M 93
- Y 0
- K 20
CMYK color chart

● #220fcc color description : Strong blue.

The hexadecimal color #220fcc has RGB values of R:34, G:15, B:204 and CMYK values of C:0.83, M:0.93, Y:0, K:0.2. Its decimal value is 2232268.

Hex triplet	220fcc	`#220fcc`
RGB Decimal	34, 15, 204	`rgb(34,15,204)`
RGB Percent	13.3, 5.9, 80	`rgb(13.3%,5.9%,80%)`
CMYK	83, 93, 0, 20
HSL	246°, 86.3, 42.9	`hsl(246,86.3%,42.9%)`
HSV (or HSB)	246°, 92.6, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.85, 64.221, -87.759
XYZ	11.727, 5.041, 57.478
xyY	0.158, 0.068, 5.041
CIE-LCH	26.85, 108.747, 306.196
CIE-LUV	26.85, -6.024, -102.516
Hunter-Lab	22.451, 53.95, -136.075
Binary	00100010, 00001111, 11001100

#220fcc
```
#220fcc rgb(34,15,204)
```
#b9cc0f
```
#b9cc0f rgb(185,204,15)
```

Complementary Color

#0f5bcc
```
#0f5bcc rgb(15,91,204)
```
#220fcc
```
#220fcc rgb(34,15,204)
```
#810fcc
```
#810fcc rgb(129,15,204)
```

Analogous Color

#5bcc0f
```
#5bcc0f rgb(91,204,15)
```
#220fcc
```
#220fcc rgb(34,15,204)
```
#cc810f
```
#cc810f rgb(204,129,15)
```

Split Complementary Color

#0fcc22
```
#0fcc22 rgb(15,204,34)
```
#220fcc
```
#220fcc rgb(34,15,204)
```
#cc220f
```
#cc220f rgb(204,34,15)
```

Triadic Color

#0fb9cc
```
#0fb9cc rgb(15,185,204)
```
#220fcc
```
#220fcc rgb(34,15,204)
```
#cc220f
```
#cc220f rgb(204,34,15)
```
#b9cc0f
```
#b9cc0f rgb(185,204,15)
```

Tetradic Color

#160a85
```
#160a85 rgb(22,10,133)
```
#1a0c9c
```
#1a0c9c rgb(26,12,156)
```
#1e0db4
```
#1e0db4 rgb(30,13,180)
```
#220fcc
```
#220fcc rgb(34,15,204)
```
#2611e4
```
#2611e4 rgb(38,17,228)
```
#341fef
```
#341fef rgb(52,31,239)
```
#4a37f0
```
#4a37f0 rgb(74,55,240)
```

Monochromatic Color

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

#0f2bcc
```
#0f2bcc rgb(15,43,204)
```
#0f1ccc
```
#0f1ccc rgb(15,28,204)
```
#120fcc
```
#120fcc rgb(18,15,204)
```
#220fcc
```
#220fcc rgb(34,15,204)
```
#320fcc
```
#320fcc rgb(50,15,204)
```
#420fcc
```
#420fcc rgb(66,15,204)
```
#510fcc
```
#510fcc rgb(81,15,204)
```

Similar Colors

Text with hexadecimal color #220fcc

This text has a font color of #220fcc.

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

#220fcc background color

This paragraph has a background color of #220fcc.

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

#220fcc border color

This element has a border color of #220fcc.

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

CSS codes

.text {color:#220fcc;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#040215
```
#040215 rgb(4,2,21)
```
#070328
```
#070328 rgb(7,3,40)
```
#0a043a
```
#0a043a rgb(10,4,58)
```
#0d064c
```
#0d064c rgb(13,6,76)
```
#10075e
```
#10075e rgb(16,7,94)
```
#130871
```
#130871 rgb(19,8,113)
```
#160a83
```
#160a83 rgb(22,10,131)
```
#190b95
```
#190b95 rgb(25,11,149)
```
#1c0ca7
```
#1c0ca7 rgb(28,12,167)
```
#1f0eba
```
#1f0eba rgb(31,14,186)
```
#220fcc
```
#220fcc rgb(34,15,204)
```
#2510de
```
#2510de rgb(37,16,222)
```

Shade Color Variation

#2a14ee
```
#2a14ee rgb(42,20,238)
```
#3b27ef
```
#3b27ef rgb(59,39,239)
```
#4b39f0
```
#4b39f0 rgb(75,57,240)
```
#5c4bf2
```
#5c4bf2 rgb(92,75,242)
```
#6d5ef3
```
#6d5ef3 rgb(109,94,243)
```
#7d70f4
```
#7d70f4 rgb(125,112,244)
```
#8e82f6
```
#8e82f6 rgb(142,130,246)
```
#9e94f7
```
#9e94f7 rgb(158,148,247)
```
#afa7f9
```
#afa7f9 rgb(175,167,249)
```
#bfb9fa
```
#bfb9fa rgb(191,185,250)
```
#d0cbfb
```
#d0cbfb rgb(208,203,251)
```
#e1ddfd
```
#e1ddfd rgb(225,221,253)
```
#f1f0fe
```
#f1f0fe rgb(241,240,254)
```

Tint Color Variation

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

#6c6c6f
```
#6c6c6f rgb(108,108,111)
```
#656378
```
#656378 rgb(101,99,120)
```
#5f5b80
```
#5f5b80 rgb(95,91,128)
```
#585289
```
#585289 rgb(88,82,137)
```
#514a91
```
#514a91 rgb(81,74,145)
```
#4a4299
```
#4a4299 rgb(74,66,153)
```
#4439a2
```
#4439a2 rgb(68,57,162)
```
#3d31aa
```
#3d31aa rgb(61,49,170)
```
#3628b3
```
#3628b3 rgb(54,40,179)
```
#2f20bb
```
#2f20bb rgb(47,32,187)
```
#2917c4
```
#2917c4 rgb(41,23,196)
```
#220fcc
```
#220fcc rgb(34,15,204)
```
#1b07d4
```
#1b07d4 rgb(27,7,212)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#28254a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478a Protanopia 1% of men
#004b77 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#0c32a2 Protanomaly 1% of men, 0.01% of women
#0c3596 Deuteranomaly 6% of men, 0.4% of women
#0c387f Tritanomaly 0.01% of the population

#220fcc hex color

#220fcc Color Information

#220fcc Color Conversion

Color Schemes with #220fcc

Alternatives to #220fcc

#220fcc Preview

Shades and Tints of #220fcc

Tones of #220fcc

Color Blindness Simulator