#7220bc hex color

In a RGB color space, hex #7220bc is composed of 44.7% red, 12.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 83% magenta, 0% yellow and 26.3% black. It has a hue angle of 271.5 degrees, a saturation of 70.9% and a lightness of 43.1%. #7220bc color hex could be obtained by blending #e440ff with #000079. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 13
- B 74
RGB color chart
- C 39
- M 83
- Y 0
- K 26
CMYK color chart

● #7220bc color description : Strong violet.

The hexadecimal color #7220bc has RGB values of R:114, G:32, B:188 and CMYK values of C:0.39, M:0.83, Y:0, K:0.26. Its decimal value is 7479484.

Hex triplet	7220bc	`#7220bc`
RGB Decimal	114, 32, 188	`rgb(114,32,188)`
RGB Percent	44.7, 12.5, 73.7	`rgb(44.7%,12.5%,73.7%)`
CMYK	39, 83, 0, 26
HSL	271.5°, 70.9, 43.1	`hsl(271.5,70.9%,43.1%)`
HSV (or HSB)	271.5°, 83, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.481, 61.512, -65.489
XYZ	16.532, 8.241, 48.294
xyY	0.226, 0.113, 8.241
CIE-LCH	34.481, 89.848, 313.206
CIE-LUV	34.481, 15.31, -93.286
Hunter-Lab	28.708, 52.551, -79.645
Binary	01110010, 00100000, 10111100

#7220bc
```
#7220bc rgb(114,32,188)
```
#6abc20
```
#6abc20 rgb(106,188,32)
```

Complementary Color

#2420bc
```
#2420bc rgb(36,32,188)
```
#7220bc
```
#7220bc rgb(114,32,188)
```
#bc20b8
```
#bc20b8 rgb(188,32,184)
```

Analogous Color

#20bc24
```
#20bc24 rgb(32,188,36)
```
#7220bc
```
#7220bc rgb(114,32,188)
```
#b8bc20
```
#b8bc20 rgb(184,188,32)
```

Split Complementary Color

#20bc72
```
#20bc72 rgb(32,188,114)
```
#7220bc
```
#7220bc rgb(114,32,188)
```
#bc7220
```
#bc7220 rgb(188,114,32)
```

Triadic Color

#206abc
```
#206abc rgb(32,106,188)
```
#7220bc
```
#7220bc rgb(114,32,188)
```
#bc7220
```
#bc7220 rgb(188,114,32)
```
#6abc20
```
#6abc20 rgb(106,188,32)
```

Tetradic Color

#4a157b
```
#4a157b rgb(74,21,123)
```
#581990
```
#581990 rgb(88,25,144)
```
#651ca6
```
#651ca6 rgb(101,28,166)
```
#7220bc
```
#7220bc rgb(114,32,188)
```
#7f24d2
```
#7f24d2 rgb(127,36,210)
```
#8c33dc
```
#8c33dc rgb(140,51,220)
```
#9849e0
```
#9849e0 rgb(152,73,224)
```

Monochromatic Color

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

#4b20bc
```
#4b20bc rgb(75,32,188)
```
#5820bc
```
#5820bc rgb(88,32,188)
```
#6520bc
```
#6520bc rgb(101,32,188)
```
#7220bc
```
#7220bc rgb(114,32,188)
```
#7f20bc
```
#7f20bc rgb(127,32,188)
```
#8c20bc
```
#8c20bc rgb(140,32,188)
```
#9920bc
```
#9920bc rgb(153,32,188)
```

Similar Colors

Text with hexadecimal color #7220bc

This text has a font color of #7220bc.

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

#7220bc background color

This paragraph has a background color of #7220bc.

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

#7220bc border color

This element has a border color of #7220bc.

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

CSS codes

.text {color:#7220bc;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0c0314
```
#0c0314 rgb(12,3,20)
```
#170625
```
#170625 rgb(23,6,37)
```
#210936
```
#210936 rgb(33,9,54)
```
#2b0c47
```
#2b0c47 rgb(43,12,71)
```
#350f57
```
#350f57 rgb(53,15,87)
```
#3f1268
```
#3f1268 rgb(63,18,104)
```
#491579
```
#491579 rgb(73,21,121)
```
#54178a
```
#54178a rgb(84,23,138)
```
#5e1a9a
```
#5e1a9a rgb(94,26,154)
```
#681dab
```
#681dab rgb(104,29,171)
```
#7220bc
```
#7220bc rgb(114,32,188)
```
#7c23cd
```
#7c23cd rgb(124,35,205)
```

Shade Color Variation

#8629db
```
#8629db rgb(134,41,219)
```
#9039dd
```
#9039dd rgb(144,57,221)
```
#994ae0
```
#994ae0 rgb(153,74,224)
```
#a35be3
```
#a35be3 rgb(163,91,227)
```
#ac6ce6
```
#ac6ce6 rgb(172,108,230)
```
#b57de9
```
#b57de9 rgb(181,125,233)
```
#bf8dec
```
#bf8dec rgb(191,141,236)
```
#c89eee
```
#c89eee rgb(200,158,238)
```
#d2aff1
```
#d2aff1 rgb(210,175,241)
```
#dbc0f4
```
#dbc0f4 rgb(219,192,244)
```
#e5d0f7
```
#e5d0f7 rgb(229,208,247)
```
#eee1fa
```
#eee1fa rgb(238,225,250)
```
#f8f2fd
```
#f8f2fd rgb(248,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6c70 is the less saturated color, while #7307d5 is the most saturated one.

#6e6c70
```
#6e6c70 rgb(110,108,112)
```
#6f6478
```
#6f6478 rgb(111,100,120)
```
#6f5b81
```
#6f5b81 rgb(111,91,129)
```
#6f5389
```
#6f5389 rgb(111,83,137)
```
#704a92
```
#704a92 rgb(112,74,146)
```
#70429a
```
#70429a rgb(112,66,154)
```
#7139a3
```
#7139a3 rgb(113,57,163)
```
#7131ab
```
#7131ab rgb(113,49,171)
```
#7228b4
```
#7228b4 rgb(114,40,180)
```
#7220bc
```
#7220bc rgb(114,32,188)
```
#7218c4
```
#7218c4 rgb(114,24,196)
```
#730fcd
```
#730fcd rgb(115,15,205)
```
#7307d5
```
#7307d5 rgb(115,7,213)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#524261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#60575e Tritanopia 0.001% of the population

Trichromacy

#2943b0 Protanomaly 1% of men, 0.01% of women
#2946a3 Deuteranomaly 6% of men, 0.4% of women
#664380 Tritanomaly 0.01% of the population

#7220bc hex color

#7220bc Color Information

#7220bc Color Conversion

Color Schemes with #7220bc

Alternatives to #7220bc

#7220bc Preview

Shades and Tints of #7220bc

Tones of #7220bc

Color Blindness Simulator