#2212f6 hex color

In a RGB color space, hex #2212f6 is composed of 13.3% red, 7.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 92.7% magenta, 0% yellow and 3.5% black. It has a hue angle of 244.2 degrees, a saturation of 92.7% and a lightness of 51.8%. #2212f6 color hex could be obtained by blending #4424ff with #0000ed. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 7
- B 96
RGB color chart
- C 86
- M 93
- Y 0
- K 4
CMYK color chart

● #2212f6 color description : Vivid blue.

The hexadecimal color #2212f6 has RGB values of R:34, G:18, B:246 and CMYK values of C:0.86, M:0.93, Y:0, K:0.04. Its decimal value is 2233078.

Hex triplet	2212f6	`#2212f6`
RGB Decimal	34, 18, 246	`rgb(34,18,246)`
RGB Percent	13.3, 7.1, 96.5	`rgb(13.3%,7.1%,96.5%)`
CMYK	86, 93, 0, 4
HSL	244.2°, 92.7, 51.8	`hsl(244.2,92.7%,51.8%)`
HSV (or HSB)	244.2°, 92.7, 96.5
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.756, 74.332, -102.018
XYZ	17.507, 7.425, 87.694
xyY	0.155, 0.066, 7.425
CIE-LCH	32.756, 126.226, 306.078
CIE-LUV	32.756, -8.167, -126.831
Hunter-Lab	27.249, 66.997, -171.734
Binary	00100010, 00010010, 11110110

#2212f6
```
#2212f6 rgb(34,18,246)
```
#e6f612
```
#e6f612 rgb(230,246,18)
```

Complementary Color

#1274f6
```
#1274f6 rgb(18,116,246)
```
#2212f6
```
#2212f6 rgb(34,18,246)
```
#9412f6
```
#9412f6 rgb(148,18,246)
```

Analogous Color

#74f612
```
#74f612 rgb(116,246,18)
```
#2212f6
```
#2212f6 rgb(34,18,246)
```
#f69412
```
#f69412 rgb(246,148,18)
```

Split Complementary Color

#12f622
```
#12f622 rgb(18,246,34)
```
#2212f6
```
#2212f6 rgb(34,18,246)
```
#f62212
```
#f62212 rgb(246,34,18)
```

Triadic Color

#12e6f6
```
#12e6f6 rgb(18,230,246)
```
#2212f6
```
#2212f6 rgb(34,18,246)
```
#f62212
```
#f62212 rgb(246,34,18)
```
#e6f612
```
#e6f612 rgb(230,246,18)
```

Tetradic Color

#1307b5
```
#1307b5 rgb(19,7,181)
```
#1608cd
```
#1608cd rgb(22,8,205)
```
#1809e6
```
#1809e6 rgb(24,9,230)
```
#2212f6
```
#2212f6 rgb(34,18,246)
```
#392bf7
```
#392bf7 rgb(57,43,247)
```
#5043f8
```
#5043f8 rgb(80,67,248)
```
#675cf9
```
#675cf9 rgb(103,92,249)
```

Monochromatic Color

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

#123bf6
```
#123bf6 rgb(18,59,246)
```
#1228f6
```
#1228f6 rgb(18,40,246)
```
#1215f6
```
#1215f6 rgb(18,21,246)
```
#2212f6
```
#2212f6 rgb(34,18,246)
```
#3512f6
```
#3512f6 rgb(53,18,246)
```
#4812f6
```
#4812f6 rgb(72,18,246)
```
#5b12f6
```
#5b12f6 rgb(91,18,246)
```

Similar Colors

Text with hexadecimal color #2212f6

This text has a font color of #2212f6.

<span style="color:#2212f6;">Text here</span>

#2212f6 background color

This paragraph has a background color of #2212f6.

<p style="background-color:#2212f6;">Content here</p>

#2212f6 border color

This element has a border color of #2212f6.

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

CSS codes

.text {color:#2212f6;}

.background {background-color:#2212f6;}

.border {border:1px solid #2212f6;}

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)
```
#03011c
```
#03011c rgb(3,1,28)
```
#05022e
```
#05022e rgb(5,2,46)
```
#070241
```
#070241 rgb(7,2,65)
```
#090354
```
#090354 rgb(9,3,84)
```
#0b0467
```
#0b0467 rgb(11,4,103)
```
#0d057a
```
#0d057a rgb(13,5,122)
```
#0f058d
```
#0f058d rgb(15,5,141)
```
#1106a0
```
#1106a0 rgb(17,6,160)
```
#1307b3
```
#1307b3 rgb(19,7,179)
```
#1508c6
```
#1508c6 rgb(21,8,198)
```
#1708d9
```
#1708d9 rgb(23,8,217)
```
#1909eb
```
#1909eb rgb(25,9,235)
```

Shade Color Variation

#2212f6
```
#2212f6 rgb(34,18,246)
```
#3425f7
```
#3425f7 rgb(52,37,247)
```
#4538f7
```
#4538f7 rgb(69,56,247)
```
#574bf8
```
#574bf8 rgb(87,75,248)
```
#685ef9
```
#685ef9 rgb(104,94,249)
```
#7a70fa
```
#7a70fa rgb(122,112,250)
```
#8c83fa
```
#8c83fa rgb(140,131,250)
```
#9d96fb
```
#9d96fb rgb(157,150,251)
```
#afa9fc
```
#afa9fc rgb(175,169,252)
```
#c1bcfc
```
#c1bcfc rgb(193,188,252)
```
#d2cffd
```
#d2cffd rgb(210,207,253)
```
#e4e2fe
```
#e4e2fe rgb(228,226,254)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848484 is the less saturated color, while #2212f6 is the most saturated one.

#848484
```
#848484 rgb(132,132,132)
```
#7b7a8e
```
#7b7a8e rgb(123,122,142)
```
#737197
```
#737197 rgb(115,113,151)
```
#6b67a1
```
#6b67a1 rgb(107,103,161)
```
#635eaa
```
#635eaa rgb(99,94,170)
```
#5b54b4
```
#5b54b4 rgb(91,84,180)
```
#534bbd
```
#534bbd rgb(83,75,189)
```
#4b41c7
```
#4b41c7 rgb(75,65,199)
```
#4338d0
```
#4338d0 rgb(67,56,208)
```
#3a2eda
```
#3a2eda rgb(58,46,218)
```
#3225e3
```
#3225e3 rgb(50,37,227)
```
#2a1bed
```
#2a1bed rgb(42,27,237)
```
#2212f6
```
#2212f6 rgb(34,18,246)
```

Tone Color Variation

Below, you can see how #2212f6 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

#313131 Achromatopsia 0.005% of the population
#2e2b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588c Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0c3bc0 Protanomaly 1% of men, 0.01% of women
#0c3fb2 Deuteranomaly 6% of men, 0.4% of women
#0c4298 Tritanomaly 0.01% of the population

#2212f6 hex color

#2212f6 Color Information

#2212f6 Color Conversion

Color Schemes with #2212f6

Alternatives to #2212f6

#2212f6 Preview

Shades and Tints of #2212f6

Tones of #2212f6

Color Blindness Simulator