#7226f3 hex color

In a RGB color space, hex #7226f3 is composed of 44.7% red, 14.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 84.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 262.2 degrees, a saturation of 89.5% and a lightness of 55.1%. #7226f3 color hex could be obtained by blending #e44cff with #0000e7. Closest websafe color is: #6633ff.

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

● #7226f3 color description : Bright violet.

The hexadecimal color #7226f3 has RGB values of R:114, G:38, B:243 and CMYK values of C:0.53, M:0.84, Y:0, K:0.05. Its decimal value is 7481075.

Hex triplet	7226f3	`#7226f3`
RGB Decimal	114, 38, 243	`rgb(114,38,243)`
RGB Percent	44.7, 14.9, 95.3	`rgb(44.7%,14.9%,95.3%)`
CMYK	53, 84, 0, 5
HSL	262.2°, 89.5, 55.1	`hsl(262.2,89.5%,55.1%)`
HSV (or HSB)	262.2°, 84.4, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.302, 72.499, -87.616
XYZ	23.807, 11.434, 85.742
xyY	0.197, 0.095, 11.434
CIE-LCH	40.302, 113.721, 309.606
CIE-LUV	40.302, 6.596, -126.235
Hunter-Lab	33.815, 66.498, -126.668
Binary	01110010, 00100110, 11110011

#7226f3
```
#7226f3 rgb(114,38,243)
```
#a7f326
```
#a7f326 rgb(167,243,38)
```

Complementary Color

#2640f3
```
#2640f3 rgb(38,64,243)
```
#7226f3
```
#7226f3 rgb(114,38,243)
```
#d926f3
```
#d926f3 rgb(217,38,243)
```

Analogous Color

#40f326
```
#40f326 rgb(64,243,38)
```
#7226f3
```
#7226f3 rgb(114,38,243)
```
#f3d926
```
#f3d926 rgb(243,217,38)
```

Split Complementary Color

#26f372
```
#26f372 rgb(38,243,114)
```
#7226f3
```
#7226f3 rgb(114,38,243)
```
#f37226
```
#f37226 rgb(243,114,38)
```

Triadic Color

#26a7f3
```
#26a7f3 rgb(38,167,243)
```
#7226f3
```
#7226f3 rgb(114,38,243)
```
#f37226
```
#f37226 rgb(243,114,38)
```
#a7f326
```
#a7f326 rgb(167,243,38)
```

Tetradic Color

#4f0bc2
```
#4f0bc2 rgb(79,11,194)
```
#580cda
```
#580cda rgb(88,12,218)
```
#620ef2
```
#620ef2 rgb(98,14,242)
```
#7226f3
```
#7226f3 rgb(114,38,243)
```
#823ef4
```
#823ef4 rgb(130,62,244)
```
#9156f6
```
#9156f6 rgb(145,86,246)
```
#a16ef7
```
#a16ef7 rgb(161,110,247)
```

Monochromatic Color

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

#3f26f3
```
#3f26f3 rgb(63,38,243)
```
#5026f3
```
#5026f3 rgb(80,38,243)
```
#6126f3
```
#6126f3 rgb(97,38,243)
```
#7226f3
```
#7226f3 rgb(114,38,243)
```
#8326f3
```
#8326f3 rgb(131,38,243)
```
#9426f3
```
#9426f3 rgb(148,38,243)
```
#a526f3
```
#a526f3 rgb(165,38,243)
```

Similar Colors

Text with hexadecimal color #7226f3

This text has a font color of #7226f3.

<span style="color:#7226f3;">Text here</span>

#7226f3 background color

This paragraph has a background color of #7226f3.

<p style="background-color:#7226f3;">Content here</p>

#7226f3 border color

This element has a border color of #7226f3.

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

CSS codes

.text {color:#7226f3;}

.background {background-color:#7226f3;}

.border {border:1px solid #7226f3;}

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

#020006
```
#020006 rgb(2,0,6)
```
#0a0119
```
#0a0119 rgb(10,1,25)
```
#12022b
```
#12022b rgb(18,2,43)
```
#19033e
```
#19033e rgb(25,3,62)
```
#210450
```
#210450 rgb(33,4,80)
```
#280563
```
#280563 rgb(40,5,99)
```
#300776
```
#300776 rgb(48,7,118)
```
#370888
```
#370888 rgb(55,8,136)
```
#3f099b
```
#3f099b rgb(63,9,155)
```
#460aad
```
#460aad rgb(70,10,173)
```
#4e0bc0
```
#4e0bc0 rgb(78,11,192)
```
#550cd3
```
#550cd3 rgb(85,12,211)
```
#5d0de5
```
#5d0de5 rgb(93,13,229)
```

Shade Color Variation

#6613f2
```
#6613f2 rgb(102,19,242)
```
#7226f3
```
#7226f3 rgb(114,38,243)
```
#7e39f4
```
#7e39f4 rgb(126,57,244)
```
#8a4bf5
```
#8a4bf5 rgb(138,75,245)
```
#965ef6
```
#965ef6 rgb(150,94,246)
```
#a270f7
```
#a270f7 rgb(162,112,247)
```
#ae83f8
```
#ae83f8 rgb(174,131,248)
```
#ba96f9
```
#ba96f9 rgb(186,150,249)
```
#c7a8fa
```
#c7a8fa rgb(199,168,250)
```
#d3bbfb
```
#d3bbfb rgb(211,187,251)
```
#dfcdfc
```
#dfcdfc rgb(223,205,252)
```
#ebe0fd
```
#ebe0fd rgb(235,224,253)
```
#f7f2fe
```
#f7f2fe rgb(247,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8792 is the less saturated color, while #701dfc is the most saturated one.

#8b8792
```
#8b8792 rgb(139,135,146)
```
#897e9b
```
#897e9b rgb(137,126,155)
```
#8675a4
```
#8675a4 rgb(134,117,164)
```
#846cad
```
#846cad rgb(132,108,173)
```
#8264b5
```
#8264b5 rgb(130,100,181)
```
#805bbe
```
#805bbe rgb(128,91,190)
```
#7d52c7
```
#7d52c7 rgb(125,82,199)
```
#7b49d0
```
#7b49d0 rgb(123,73,208)
```
#7940d9
```
#7940d9 rgb(121,64,217)
```
#7738e1
```
#7738e1 rgb(119,56,225)
```
#742fea
```
#742fea rgb(116,47,234)
```
#7226f3
```
#7226f3 rgb(114,38,243)
```
#701dfc
```
#701dfc rgb(112,29,252)
```

Tone Color Variation

Below, you can see how #7226f3 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

#545454 Achromatopsia 0.005% of the population
#5a4b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#416d75 Tritanopia 0.001% of the population

Trichromacy

#294dd4 Protanomaly 1% of men, 0.01% of women
#2951c4 Deuteranomaly 6% of men, 0.4% of women
#5353a3 Tritanomaly 0.01% of the population

#7226f3 hex color

#7226f3 Color Information

#7226f3 Color Conversion

Color Schemes with #7226f3

Alternatives to #7226f3

#7226f3 Preview

Shades and Tints of #7226f3

Tones of #7226f3

Color Blindness Simulator