#7222bf hex color

In a RGB color space, hex #7222bf is composed of 44.7% red, 13.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 82.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 270.6 degrees, a saturation of 69.8% and a lightness of 44.1%. #7222bf color hex could be obtained by blending #e444ff with #00007f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 13
- B 75
RGB color chart
- C 40
- M 82
- Y 0
- K 25
CMYK color chart

● #7222bf color description : Strong violet.

The hexadecimal color #7222bf has RGB values of R:114, G:34, B:191 and CMYK values of C:0.4, M:0.82, Y:0, K:0.25. Its decimal value is 7479999.

Hex triplet	7222bf	`#7222bf`
RGB Decimal	114, 34, 191	`rgb(114,34,191)`
RGB Percent	44.7, 13.3, 74.9	`rgb(44.7%,13.3%,74.9%)`
CMYK	40, 82, 0, 25
HSL	270.6°, 69.8, 44.1	`hsl(270.6,69.8%,44.1%)`
HSV (or HSB)	270.6°, 82.2, 74.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.97, 61.54, -66.456
XYZ	16.914, 8.483, 50.034
xyY	0.224, 0.112, 8.483
CIE-LCH	34.97, 90.574, 312.801
CIE-LUV	34.97, 14.582, -94.957
Hunter-Lab	29.126, 52.688, -81.463
Binary	01110010, 00100010, 10111111

#7222bf
```
#7222bf rgb(114,34,191)
```
#6fbf22
```
#6fbf22 rgb(111,191,34)
```

Complementary Color

#2422bf
```
#2422bf rgb(36,34,191)
```
#7222bf
```
#7222bf rgb(114,34,191)
```
#bf22be
```
#bf22be rgb(191,34,190)
```

Analogous Color

#22bf24
```
#22bf24 rgb(34,191,36)
```
#7222bf
```
#7222bf rgb(114,34,191)
```
#bebf22
```
#bebf22 rgb(190,191,34)
```

Split Complementary Color

#22bf72
```
#22bf72 rgb(34,191,114)
```
#7222bf
```
#7222bf rgb(114,34,191)
```
#bf7222
```
#bf7222 rgb(191,114,34)
```

Triadic Color

#226fbf
```
#226fbf rgb(34,111,191)
```
#7222bf
```
#7222bf rgb(114,34,191)
```
#bf7222
```
#bf7222 rgb(191,114,34)
```
#6fbf22
```
#6fbf22 rgb(111,191,34)
```

Tetradic Color

#4b167e
```
#4b167e rgb(75,22,126)
```
#581a94
```
#581a94 rgb(88,26,148)
```
#651ea9
```
#651ea9 rgb(101,30,169)
```
#7222bf
```
#7222bf rgb(114,34,191)
```
#7f26d5
```
#7f26d5 rgb(127,38,213)
```
#8c38dc
```
#8c38dc rgb(140,56,220)
```
#984edf
```
#984edf rgb(152,78,223)
```

Monochromatic Color

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

#4b22bf
```
#4b22bf rgb(75,34,191)
```
#5822bf
```
#5822bf rgb(88,34,191)
```
#6522bf
```
#6522bf rgb(101,34,191)
```
#7222bf
```
#7222bf rgb(114,34,191)
```
#7f22bf
```
#7f22bf rgb(127,34,191)
```
#8c22bf
```
#8c22bf rgb(140,34,191)
```
#9922bf
```
#9922bf rgb(153,34,191)
```

Similar Colors

Text with hexadecimal color #7222bf

This text has a font color of #7222bf.

<span style="color:#7222bf;">Text here</span>

#7222bf background color

This paragraph has a background color of #7222bf.

<p style="background-color:#7222bf;">Content here</p>

#7222bf border color

This element has a border color of #7222bf.

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

CSS codes

.text {color:#7222bf;}

.background {background-color:#7222bf;}

.border {border:1px solid #7222bf;}

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

#050108
```
#050108 rgb(5,1,8)
```
#0f0418
```
#0f0418 rgb(15,4,24)
```
#190729
```
#190729 rgb(25,7,41)
```
#220a3a
```
#220a3a rgb(34,10,58)
```
#2c0d4a
```
#2c0d4a rgb(44,13,74)
```
#36105b
```
#36105b rgb(54,16,91)
```
#40136c
```
#40136c rgb(64,19,108)
```
#4a167c
```
#4a167c rgb(74,22,124)
```
#54198d
```
#54198d rgb(84,25,141)
```
#5e1c9e
```
#5e1c9e rgb(94,28,158)
```
#681fae
```
#681fae rgb(104,31,174)
```
#7222bf
```
#7222bf rgb(114,34,191)
```
#7c25d0
```
#7c25d0 rgb(124,37,208)
```

Shade Color Variation

#862eda
```
#862eda rgb(134,46,218)
```
#8f3fdd
```
#8f3fdd rgb(143,63,221)
```
#9950e0
```
#9950e0 rgb(153,80,224)
```
#a360e3
```
#a360e3 rgb(163,96,227)
```
#ac71e6
```
#ac71e6 rgb(172,113,230)
```
#b682e9
```
#b682e9 rgb(182,130,233)
```
#c092ec
```
#c092ec rgb(192,146,236)
```
#c9a3ef
```
#c9a3ef rgb(201,163,239)
```
#d3b4f2
```
#d3b4f2 rgb(211,180,242)
```
#ddc4f5
```
#ddc4f5 rgb(221,196,245)
```
#e7d5f8
```
#e7d5f8 rgb(231,213,248)
```
#f0e6fa
```
#f0e6fa rgb(240,230,250)
```
#faf6fd
```
#faf6fd rgb(250,246,253)
```

Tint Color Variation

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

#717071
```
#717071 rgb(113,112,113)
```
#71677a
```
#71677a rgb(113,103,122)
```
#715f82
```
#715f82 rgb(113,95,130)
```
#71568b
```
#71568b rgb(113,86,139)
```
#714d94
```
#714d94 rgb(113,77,148)
```
#71459c
```
#71459c rgb(113,69,156)
```
#723ca5
```
#723ca5 rgb(114,60,165)
```
#7233ae
```
#7233ae rgb(114,51,174)
```
#722bb6
```
#722bb6 rgb(114,43,182)
```
#7222bf
```
#7222bf rgb(114,34,191)
```
#7219c8
```
#7219c8 rgb(114,25,200)
```
#7211d0
```
#7211d0 rgb(114,17,208)
```
#7208d9
```
#7208d9 rgb(114,8,217)
```

Tone Color Variation

Below, you can see how #7222bf 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

#4c4c4c Achromatopsia 0.005% of the population
#544463 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d97 Deuteranopia 1% of men
#5e595f Tritanopia 0.001% of the population

Trichromacy

#2944b3 Protanomaly 1% of men, 0.01% of women
#2947a5 Deuteranomaly 6% of men, 0.4% of women
#654582 Tritanomaly 0.01% of the population

#7222bf hex color

#7222bf Color Information

#7222bf Color Conversion

Color Schemes with #7222bf

Alternatives to #7222bf

#7222bf Preview

Shades and Tints of #7222bf

Tones of #7222bf

Color Blindness Simulator