#220fef hex color

In a RGB color space, hex #220fef is composed of 13.3% red, 5.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 93.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 245.1 degrees, a saturation of 88.2% and a lightness of 49.8%. #220fef color hex could be obtained by blending #441eff with #0000df. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 6
- B 94
RGB color chart
- C 86
- M 94
- Y 0
- K 6
CMYK color chart

● #220fef color description : Vivid blue.

The hexadecimal color #220fef has RGB values of R:34, G:15, B:239 and CMYK values of C:0.86, M:0.94, Y:0, K:0.06. Its decimal value is 2232303.

Hex triplet	220fef	`#220fef`
RGB Decimal	34, 15, 239	`rgb(34,15,239)`
RGB Percent	13.3, 5.9, 93.7	`rgb(13.3%,5.9%,93.7%)`
CMYK	86, 94, 0, 6
HSL	245.1°, 88.2, 49.8	`hsl(245.1,88.2%,49.8%)`
HSV (or HSB)	245.1°, 93.7, 93.7
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.607, 73.198, -99.974
XYZ	16.407, 6.913, 82.126
xyY	0.156, 0.066, 6.913
CIE-LCH	31.607, 123.907, 306.21
CIE-LUV	31.607, -7.707, -122.682
Hunter-Lab	26.292, 65.383, -166.797
Binary	00100010, 00001111, 11101111

#220fef
```
#220fef rgb(34,15,239)
```
#dcef0f
```
#dcef0f rgb(220,239,15)
```

Complementary Color

#0f6cef
```
#0f6cef rgb(15,108,239)
```
#220fef
```
#220fef rgb(34,15,239)
```
#920fef
```
#920fef rgb(146,15,239)
```

Analogous Color

#6cef0f
```
#6cef0f rgb(108,239,15)
```
#220fef
```
#220fef rgb(34,15,239)
```
#ef920f
```
#ef920f rgb(239,146,15)
```

Split Complementary Color

#0fef22
```
#0fef22 rgb(15,239,34)
```
#220fef
```
#220fef rgb(34,15,239)
```
#ef220f
```
#ef220f rgb(239,34,15)
```

Triadic Color

#0fdcef
```
#0fdcef rgb(15,220,239)
```
#220fef
```
#220fef rgb(34,15,239)
```
#ef220f
```
#ef220f rgb(239,34,15)
```
#dcef0f
```
#dcef0f rgb(220,239,15)
```

Tetradic Color

#180aa7
```
#180aa7 rgb(24,10,167)
```
#1b0cbf
```
#1b0cbf rgb(27,12,191)
```
#1f0dd7
```
#1f0dd7 rgb(31,13,215)
```
#220fef
```
#220fef rgb(34,15,239)
```
#3726f1
```
#3726f1 rgb(55,38,241)
```
#4d3ef3
```
#4d3ef3 rgb(77,62,243)
```
#6456f4
```
#6456f4 rgb(100,86,244)
```

Monochromatic Color

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

#0f34ef
```
#0f34ef rgb(15,52,239)
```
#0f21ef
```
#0f21ef rgb(15,33,239)
```
#0f0fef
```
#0f0fef rgb(15,15,239)
```
#220fef
```
#220fef rgb(34,15,239)
```
#350fef
```
#350fef rgb(53,15,239)
```
#470fef
```
#470fef rgb(71,15,239)
```
#5a0fef
```
#5a0fef rgb(90,15,239)
```

Similar Colors

Text with hexadecimal color #220fef

This text has a font color of #220fef.

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

#220fef background color

This paragraph has a background color of #220fef.

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

#220fef border color

This element has a border color of #220fef.

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

CSS codes

.text {color:#220fef;}

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

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

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

#020112
```
#020112 rgb(2,1,18)
```
#050224
```
#050224 rgb(5,2,36)
```
#080336
```
#080336 rgb(8,3,54)
```
#0a0549
```
#0a0549 rgb(10,5,73)
```
#0d065b
```
#0d065b rgb(13,6,91)
```
#10076e
```
#10076e rgb(16,7,110)
```
#120880
```
#120880 rgb(18,8,128)
```
#150993
```
#150993 rgb(21,9,147)
```
#170aa5
```
#170aa5 rgb(23,10,165)
```
#1a0cb8
```
#1a0cb8 rgb(26,12,184)
```
#1d0dca
```
#1d0dca rgb(29,13,202)
```
#1f0edd
```
#1f0edd rgb(31,14,221)
```
#220fef
```
#220fef rgb(34,15,239)
```

Shade Color Variation

#3221f1
```
#3221f1 rgb(50,33,241)
```
#4333f2
```
#4333f2 rgb(67,51,242)
```
#5445f3
```
#5445f3 rgb(84,69,243)
```
#6558f5
```
#6558f5 rgb(101,88,245)
```
#766af6
```
#766af6 rgb(118,106,246)
```
#877df7
```
#877df7 rgb(135,125,247)
```
#988ff8
```
#988ff8 rgb(152,143,248)
```
#a9a2f9
```
#a9a2f9 rgb(169,162,249)
```
#bab4fa
```
#bab4fa rgb(186,180,250)
```
#cbc7fb
```
#cbc7fb rgb(203,199,251)
```
#dcd9fd
```
#dcd9fd rgb(220,217,253)
```
#edecfe
```
#edecfe rgb(237,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7b7a84
```
#7b7a84 rgb(123,122,132)
```
#73718d
```
#73718d rgb(115,113,141)
```
#6b6797
```
#6b6797 rgb(107,103,151)
```
#635da1
```
#635da1 rgb(99,93,161)
```
#5b53ab
```
#5b53ab rgb(91,83,171)
```
#534ab4
```
#534ab4 rgb(83,74,180)
```
#4b40be
```
#4b40be rgb(75,64,190)
```
#4236c8
```
#4236c8 rgb(66,54,200)
```
#3a2cd2
```
#3a2cd2 rgb(58,44,210)
```
#3223db
```
#3223db rgb(50,35,219)
```
#2a19e5
```
#2a19e5 rgb(42,25,229)
```
#220fef
```
#220fef rgb(34,15,239)
```
#1a05f9
```
#1a05f9 rgb(26,5,249)
```

Tone Color Variation

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

Dichromacy

#00519d Protanopia 1% of men
#005687 Deuteranopia 1% of men
#005c5f Tritanopia 0.001% of the population

Trichromacy

#0c39bb Protanomaly 1% of men, 0.01% of women
#0c3cad Deuteranomaly 6% of men, 0.4% of women
#0c4093 Tritanomaly 0.01% of the population

#220fef hex color

#220fef Color Information

#220fef Color Conversion

Color Schemes with #220fef

Alternatives to #220fef

#220fef Preview

Shades and Tints of #220fef

Tones of #220fef

Color Blindness Simulator