#7220f1 hex color

In a RGB color space, hex #7220f1 is composed of 44.7% red, 12.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 86.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 263.5 degrees, a saturation of 88.2% and a lightness of 53.5%. #7220f1 color hex could be obtained by blending #e440ff with #0000e3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 13
- B 95
RGB color chart
- C 53
- M 87
- Y 0
- K 5
CMYK color chart

● #7220f1 color description : Vivid violet.

The hexadecimal color #7220f1 has RGB values of R:114, G:32, B:241 and CMYK values of C:0.53, M:0.87, Y:0, K:0.05. Its decimal value is 7479537.

Hex triplet	7220f1	`#7220f1`
RGB Decimal	114, 32, 241	`rgb(114,32,241)`
RGB Percent	44.7, 12.5, 94.5	`rgb(44.7%,12.5%,94.5%)`
CMYK	53, 87, 0, 5
HSL	263.5°, 88.2, 53.5	`hsl(263.5,88.2%,53.5%)`
HSV (or HSB)	263.5°, 86.7, 94.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.515, 73.775, -87.788
XYZ	23.33, 10.961, 84.101
xyY	0.197, 0.093, 10.961
CIE-LCH	39.515, 114.672, 310.043
CIE-LUV	39.515, 7.311, -125.422
Hunter-Lab	33.107, 67.849, -127.436
Binary	01110010, 00100000, 11110001

#7220f1
```
#7220f1 rgb(114,32,241)
```
#9ff120
```
#9ff120 rgb(159,241,32)
```

Complementary Color

#2037f1
```
#2037f1 rgb(32,55,241)
```
#7220f1
```
#7220f1 rgb(114,32,241)
```
#db20f1
```
#db20f1 rgb(219,32,241)
```

Analogous Color

#37f120
```
#37f120 rgb(55,241,32)
```
#7220f1
```
#7220f1 rgb(114,32,241)
```
#f1db20
```
#f1db20 rgb(241,219,32)
```

Split Complementary Color

#20f172
```
#20f172 rgb(32,241,114)
```
#7220f1
```
#7220f1 rgb(114,32,241)
```
#f17220
```
#f17220 rgb(241,114,32)
```

Triadic Color

#209ff1
```
#209ff1 rgb(32,159,241)
```
#7220f1
```
#7220f1 rgb(114,32,241)
```
#f17220
```
#f17220 rgb(241,114,32)
```
#9ff120
```
#9ff120 rgb(159,241,32)
```

Tetradic Color

#500cb9
```
#500cb9 rgb(80,12,185)
```
#5a0dd1
```
#5a0dd1 rgb(90,13,209)
```
#640fe9
```
#640fe9 rgb(100,15,233)
```
#7220f1
```
#7220f1 rgb(114,32,241)
```
#8138f3
```
#8138f3 rgb(129,56,243)
```
#9050f4
```
#9050f4 rgb(144,80,244)
```
#a068f6
```
#a068f6 rgb(160,104,246)
```

Monochromatic Color

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

#3e20f1
```
#3e20f1 rgb(62,32,241)
```
#4f20f1
```
#4f20f1 rgb(79,32,241)
```
#6120f1
```
#6120f1 rgb(97,32,241)
```
#7220f1
```
#7220f1 rgb(114,32,241)
```
#8320f1
```
#8320f1 rgb(131,32,241)
```
#9520f1
```
#9520f1 rgb(149,32,241)
```
#a620f1
```
#a620f1 rgb(166,32,241)
```

Similar Colors

Text with hexadecimal color #7220f1

This text has a font color of #7220f1.

<span style="color:#7220f1;">Text here</span>

#7220f1 background color

This paragraph has a background color of #7220f1.

<p style="background-color:#7220f1;">Content here</p>

#7220f1 border color

This element has a border color of #7220f1.

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

CSS codes

.text {color:#7220f1;}

.background {background-color:#7220f1;}

.border {border:1px solid #7220f1;}

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

#070111
```
#070111 rgb(7,1,17)
```
#0f0223
```
#0f0223 rgb(15,2,35)
```
#170336
```
#170336 rgb(23,3,54)
```
#1f0548
```
#1f0548 rgb(31,5,72)
```
#27065b
```
#27065b rgb(39,6,91)
```
#2f076d
```
#2f076d rgb(47,7,109)
```
#370880
```
#370880 rgb(55,8,128)
```
#3f0992
```
#3f0992 rgb(63,9,146)
```
#470aa5
```
#470aa5 rgb(71,10,165)
```
#4f0bb7
```
#4f0bb7 rgb(79,11,183)
```
#570dca
```
#570dca rgb(87,13,202)
```
#5f0edc
```
#5f0edc rgb(95,14,220)
```
#670fee
```
#670fee rgb(103,15,238)
```

Shade Color Variation

#7220f1
```
#7220f1 rgb(114,32,241)
```
#7e32f2
```
#7e32f2 rgb(126,50,242)
```
#8945f3
```
#8945f3 rgb(137,69,243)
```
#9557f4
```
#9557f4 rgb(149,87,244)
```
#a16af6
```
#a16af6 rgb(161,106,246)
```
#ac7cf7
```
#ac7cf7 rgb(172,124,247)
```
#b88ff8
```
#b88ff8 rgb(184,143,248)
```
#c4a1f9
```
#c4a1f9 rgb(196,161,249)
```
#cfb4fa
```
#cfb4fa rgb(207,180,250)
```
#dbc6fb
```
#dbc6fb rgb(219,198,251)
```
#e7d9fd
```
#e7d9fd rgb(231,217,253)
```
#f2ebfe
```
#f2ebfe rgb(242,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88848d is the less saturated color, while #7017fa is the most saturated one.

#88848d
```
#88848d rgb(136,132,141)
```
#867b96
```
#867b96 rgb(134,123,150)
```
#84729f
```
#84729f rgb(132,114,159)
```
#8269a8
```
#8269a8 rgb(130,105,168)
```
#8060b1
```
#8060b1 rgb(128,96,177)
```
#7e57ba
```
#7e57ba rgb(126,87,186)
```
#7c4ec3
```
#7c4ec3 rgb(124,78,195)
```
#7a44cd
```
#7a44cd rgb(122,68,205)
```
#783bd6
```
#783bd6 rgb(120,59,214)
```
#7632df
```
#7632df rgb(118,50,223)
```
#7429e8
```
#7429e8 rgb(116,41,232)
```
#7220f1
```
#7220f1 rgb(114,32,241)
```
#7017fa
```
#7017fa rgb(112,23,250)
```

Tone Color Variation

Below, you can see how #7220f1 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

#505050 Achromatopsia 0.005% of the population
#574670 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#426b73 Tritanopia 0.001% of the population

Trichromacy

#294ad1 Protanomaly 1% of men, 0.01% of women
#294ec1 Deuteranomaly 6% of men, 0.4% of women
#5350a1 Tritanomaly 0.01% of the population

#7220f1 hex color

#7220f1 Color Information

#7220f1 Color Conversion

Color Schemes with #7220f1

Alternatives to #7220f1

#7220f1 Preview

Shades and Tints of #7220f1

Tones of #7220f1

Color Blindness Simulator