#2201f8 hex color

In a RGB color space, hex #2201f8 is composed of 13.3% red, 0.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 99.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 248 degrees, a saturation of 99.2% and a lightness of 48.8%. #2201f8 color hex could be obtained by blending #4402ff with #0000f1. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 0
- B 97
RGB color chart
- C 86
- M 100
- Y 0
- K 3
CMYK color chart

● #2201f8 color description : Vivid blue.

The hexadecimal color #2201f8 has RGB values of R:34, G:1, B:248 and CMYK values of C:0.86, M:1, Y:0, K:0.03. Its decimal value is 2228728.

Hex triplet	2201f8	`#2201f8`
RGB Decimal	34, 1, 248	`rgb(34,1,248)`
RGB Percent	13.3, 0.4, 97.3	`rgb(13.3%,0.4%,97.3%)`
CMYK	86, 100, 0, 3
HSL	248°, 99.2, 48.8	`hsl(248,99.2%,48.8%)`
HSV (or HSB)	248°, 99.6, 97.3
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.119, 77.638, -104.212
XYZ	17.61, 7.138, 89.251
xyY	0.154, 0.063, 7.138
CIE-LCH	32.119, 129.953, 306.686
CIE-LUV	32.119, -7.657, -127.199
Hunter-Lab	26.717, 70.905, -179.366
Binary	00100010, 00000001, 11111000

#2201f8
```
#2201f8 rgb(34,1,248)
```
#d7f801
```
#d7f801 rgb(215,248,1)
```

Complementary Color

#015cf8
```
#015cf8 rgb(1,92,248)
```
#2201f8
```
#2201f8 rgb(34,1,248)
```
#9e01f8
```
#9e01f8 rgb(158,1,248)
```

Analogous Color

#5cf801
```
#5cf801 rgb(92,248,1)
```
#2201f8
```
#2201f8 rgb(34,1,248)
```
#f89e01
```
#f89e01 rgb(248,158,1)
```

Split Complementary Color

#01f822
```
#01f822 rgb(1,248,34)
```
#2201f8
```
#2201f8 rgb(34,1,248)
```
#f82201
```
#f82201 rgb(248,34,1)
```

Triadic Color

#01d7f8
```
#01d7f8 rgb(1,215,248)
```
#2201f8
```
#2201f8 rgb(34,1,248)
```
#f82201
```
#f82201 rgb(248,34,1)
```
#d7f801
```
#d7f801 rgb(215,248,1)
```

Tetradic Color

#1801ac
```
#1801ac rgb(24,1,172)
```
#1b01c5
```
#1b01c5 rgb(27,1,197)
```
#1f01df
```
#1f01df rgb(31,1,223)
```
#2201f8
```
#2201f8 rgb(34,1,248)
```
#3414fe
```
#3414fe rgb(52,20,254)
```
#4a2efe
```
#4a2efe rgb(74,46,254)
```
#6047fe
```
#6047fe rgb(96,71,254)
```

Monochromatic Color

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

#011ef8
```
#011ef8 rgb(1,30,248)
```
#0109f8
```
#0109f8 rgb(1,9,248)
```
#0d01f8
```
#0d01f8 rgb(13,1,248)
```
#2201f8
```
#2201f8 rgb(34,1,248)
```
#3701f8
```
#3701f8 rgb(55,1,248)
```
#4b01f8
```
#4b01f8 rgb(75,1,248)
```
#6001f8
```
#6001f8 rgb(96,1,248)
```

Similar Colors

Text with hexadecimal color #2201f8

This text has a font color of #2201f8.

<span style="color:#2201f8;">Text here</span>

#2201f8 background color

This paragraph has a background color of #2201f8.

<p style="background-color:#2201f8;">Content here</p>

#2201f8 border color

This element has a border color of #2201f8.

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

CSS codes

.text {color:#2201f8;}

.background {background-color:#2201f8;}

.border {border:1px solid #2201f8;}

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, #02000e is the darkest color, while #faf9ff is the lightest one.

#02000e
```
#02000e rgb(2,0,14)
```
#050021
```
#050021 rgb(5,0,33)
```
#070035
```
#070035 rgb(7,0,53)
```
#0a0048
```
#0a0048 rgb(10,0,72)
```
#0d005c
```
#0d005c rgb(13,0,92)
```
#0f006f
```
#0f006f rgb(15,0,111)
```
#120183
```
#120183 rgb(18,1,131)
```
#150196
```
#150196 rgb(21,1,150)
```
#1701aa
```
#1701aa rgb(23,1,170)
```
#1a01bd
```
#1a01bd rgb(26,1,189)
```
#1d01d1
```
#1d01d1 rgb(29,1,209)
```
#1f01e4
```
#1f01e4 rgb(31,1,228)
```
#2201f8
```
#2201f8 rgb(34,1,248)
```

Shade Color Variation

#2f0ffe
```
#2f0ffe rgb(47,15,254)
```
#4022fe
```
#4022fe rgb(64,34,254)
```
#5036fe
```
#5036fe rgb(80,54,254)
```
#6149fe
```
#6149fe rgb(97,73,254)
```
#725dfe
```
#725dfe rgb(114,93,254)
```
#8370fe
```
#8370fe rgb(131,112,254)
```
#9484ff
```
#9484ff rgb(148,132,255)
```
#a597ff
```
#a597ff rgb(165,151,255)
```
#b6abff
```
#b6abff rgb(182,171,255)
```
#c7beff
```
#c7beff rgb(199,190,255)
```
#d8d2ff
```
#d8d2ff rgb(216,210,255)
```
#e9e5ff
```
#e9e5ff rgb(233,229,255)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#767485
```
#767485 rgb(118,116,133)
```
#6f6a8f
```
#6f6a8f rgb(111,106,143)
```
#686198
```
#686198 rgb(104,97,152)
```
#6157a2
```
#6157a2 rgb(97,87,162)
```
#5a4eab
```
#5a4eab rgb(90,78,171)
```
#5344b5
```
#5344b5 rgb(83,68,181)
```
#4c3abf
```
#4c3abf rgb(76,58,191)
```
#4531c8
```
#4531c8 rgb(69,49,200)
```
#3e27d2
```
#3e27d2 rgb(62,39,210)
```
#371edb
```
#371edb rgb(55,30,219)
```
#3014e5
```
#3014e5 rgb(48,20,229)
```
#290bee
```
#290bee rgb(41,11,238)
```
#2201f8
```
#2201f8 rgb(34,1,248)
```

Tone Color Variation

Below, you can see how #2201f8 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

#272727 Achromatopsia 0.005% of the population
#261f51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0c34bf Protanomaly 1% of men, 0.01% of women
#0c38b1 Deuteranomaly 6% of men, 0.4% of women
#0c3b97 Tritanomaly 0.01% of the population

#2201f8 hex color

#2201f8 Color Information

#2201f8 Color Conversion

Color Schemes with #2201f8

Alternatives to #2201f8

#2201f8 Preview

Shades and Tints of #2201f8

Tones of #2201f8

Color Blindness Simulator