#220fc2 hex color

In a RGB color space, hex #220fc2 is composed of 13.3% red, 5.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 92.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 246.4 degrees, a saturation of 85.6% and a lightness of 41%. #220fc2 color hex could be obtained by blending #441eff with #000085. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 6
- B 76
RGB color chart
- C 82
- M 92
- Y 0
- K 24
CMYK color chart

● #220fc2 color description : Strong blue.

The hexadecimal color #220fc2 has RGB values of R:34, G:15, B:194 and CMYK values of C:0.82, M:0.92, Y:0, K:0.24. Its decimal value is 2232258.

Hex triplet	220fc2	`#220fc2`
RGB Decimal	34, 15, 194	`rgb(34,15,194)`
RGB Percent	13.3, 5.9, 76.1	`rgb(13.3%,5.9%,76.1%)`
CMYK	82, 92, 0, 24
HSL	246.4°, 85.6, 41	`hsl(246.4,85.6%,41%)`
HSV (or HSB)	246.4°, 92.3, 76.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.491, 61.575, -84.153
XYZ	10.566, 4.576, 51.362
xyY	0.159, 0.069, 4.576
CIE-LCH	25.491, 104.274, 306.193
CIE-LUV	25.491, -5.526, -96.699
Hunter-Lab	21.392, 50.732, -127.383
Binary	00100010, 00001111, 11000010

#220fc2
```
#220fc2 rgb(34,15,194)
```
#afc20f
```
#afc20f rgb(175,194,15)
```

Complementary Color

#0f56c2
```
#0f56c2 rgb(15,86,194)
```
#220fc2
```
#220fc2 rgb(34,15,194)
```
#7c0fc2
```
#7c0fc2 rgb(124,15,194)
```

Analogous Color

#56c20f
```
#56c20f rgb(86,194,15)
```
#220fc2
```
#220fc2 rgb(34,15,194)
```
#c27c0f
```
#c27c0f rgb(194,124,15)
```

Split Complementary Color

#0fc222
```
#0fc222 rgb(15,194,34)
```
#220fc2
```
#220fc2 rgb(34,15,194)
```
#c2220f
```
#c2220f rgb(194,34,15)
```

Triadic Color

#0fafc2
```
#0fafc2 rgb(15,175,194)
```
#220fc2
```
#220fc2 rgb(34,15,194)
```
#c2220f
```
#c2220f rgb(194,34,15)
```
#afc20f
```
#afc20f rgb(175,194,15)
```

Tetradic Color

#160a7b
```
#160a7b rgb(22,10,123)
```
#1a0b93
```
#1a0b93 rgb(26,11,147)
```
#1e0daa
```
#1e0daa rgb(30,13,170)
```
#220fc2
```
#220fc2 rgb(34,15,194)
```
#2611da
```
#2611da rgb(38,17,218)
```
#2e17ed
```
#2e17ed rgb(46,23,237)
```
#432fef
```
#432fef rgb(67,47,239)
```

Monochromatic Color

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

#0f29c2
```
#0f29c2 rgb(15,41,194)
```
#0f1ac2
```
#0f1ac2 rgb(15,26,194)
```
#130fc2
```
#130fc2 rgb(19,15,194)
```
#220fc2
```
#220fc2 rgb(34,15,194)
```
#310fc2
```
#310fc2 rgb(49,15,194)
```
#400fc2
```
#400fc2 rgb(64,15,194)
```
#4f0fc2
```
#4f0fc2 rgb(79,15,194)
```

Similar Colors

Text with hexadecimal color #220fc2

This text has a font color of #220fc2.

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

#220fc2 background color

This paragraph has a background color of #220fc2.

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

#220fc2 border color

This element has a border color of #220fc2.

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

CSS codes

.text {color:#220fc2;}

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

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

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

#02010c
```
#02010c rgb(2,1,12)
```
#05021e
```
#05021e rgb(5,2,30)
```
#080430
```
#080430 rgb(8,4,48)
```
#0c0543
```
#0c0543 rgb(12,5,67)
```
#0f0755
```
#0f0755 rgb(15,7,85)
```
#120867
```
#120867 rgb(18,8,103)
```
#150979
```
#150979 rgb(21,9,121)
```
#180b8b
```
#180b8b rgb(24,11,139)
```
#1c0c9e
```
#1c0c9e rgb(28,12,158)
```
#1f0eb0
```
#1f0eb0 rgb(31,14,176)
```
#220fc2
```
#220fc2 rgb(34,15,194)
```
#2510d4
```
#2510d4 rgb(37,16,212)
```
#2812e6
```
#2812e6 rgb(40,18,230)
```

Shade Color Variation

#341eee
```
#341eee rgb(52,30,238)
```
#4530ef
```
#4530ef rgb(69,48,239)
```
#5543f0
```
#5543f0 rgb(85,67,240)
```
#6655f2
```
#6655f2 rgb(102,85,242)
```
#7667f3
```
#7667f3 rgb(118,103,243)
```
#8679f5
```
#8679f5 rgb(134,121,245)
```
#978bf6
```
#978bf6 rgb(151,139,246)
```
#a79ef7
```
#a79ef7 rgb(167,158,247)
```
#b8b0f9
```
#b8b0f9 rgb(184,176,249)
```
#c8c2fa
```
#c8c2fa rgb(200,194,250)
```
#d8d4fc
```
#d8d4fc rgb(216,212,252)
```
#e9e7fd
```
#e9e7fd rgb(233,231,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#68676a
```
#68676a rgb(104,103,106)
```
#615f72
```
#615f72 rgb(97,95,114)
```
#5b577a
```
#5b577a rgb(91,87,122)
```
#554f82
```
#554f82 rgb(85,79,130)
```
#4e478a
```
#4e478a rgb(78,71,138)
```
#483f92
```
#483f92 rgb(72,63,146)
```
#42379a
```
#42379a rgb(66,55,154)
```
#3b2fa2
```
#3b2fa2 rgb(59,47,162)
```
#3527aa
```
#3527aa rgb(53,39,170)
```
#2f1fb2
```
#2f1fb2 rgb(47,31,178)
```
#2817ba
```
#2817ba rgb(40,23,186)
```
#220fc2
```
#220fc2 rgb(34,15,194)
```
#1c07ca
```
#1c07ca rgb(28,7,202)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#282448 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004872 Deuteranopia 1% of men
#004d50 Tritanopia 0.001% of the population

Trichromacy

#0c319b Protanomaly 1% of men, 0.01% of women
#0c338f Deuteranomaly 6% of men, 0.4% of women
#0c3679 Tritanomaly 0.01% of the population

#220fc2 hex color

#220fc2 Color Information

#220fc2 Color Conversion

Color Schemes with #220fc2

Alternatives to #220fc2

#220fc2 Preview

Shades and Tints of #220fc2

Tones of #220fc2

Color Blindness Simulator