#7227f2 hex color

In a RGB color space, hex #7227f2 is composed of 44.7% red, 15.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 83.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 262.2 degrees, a saturation of 88.6% and a lightness of 55.1%. #7227f2 color hex could be obtained by blending #e44eff with #0000e5. 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

● #7227f2 color description : Bright violet.

The hexadecimal color #7227f2 has RGB values of R:114, G:39, B:242 and CMYK values of C:0.53, M:0.84, Y:0, K:0.05. Its decimal value is 7481330.

Hex triplet	7227f2	`#7227f2`
RGB Decimal	114, 39, 242	`rgb(114,39,242)`
RGB Percent	44.7, 15.3, 94.9	`rgb(44.7%,15.3%,94.9%)`
CMYK	53, 84, 0, 5
HSL	262.2°, 88.6, 55.1	`hsl(262.2,88.6%,55.1%)`
HSV (or HSB)	262.2°, 83.9, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.31, 71.944, -87.039
XYZ	23.689, 11.439, 84.959
xyY	0.197, 0.095, 11.439
CIE-LCH	40.31, 112.924, 309.576
CIE-LUV	40.31, 6.634, -125.576
Hunter-Lab	33.821, 65.838, -125.262
Binary	01110010, 00100111, 11110010

#7227f2
```
#7227f2 rgb(114,39,242)
```
#a7f227
```
#a7f227 rgb(167,242,39)
```

Complementary Color

#2741f2
```
#2741f2 rgb(39,65,242)
```
#7227f2
```
#7227f2 rgb(114,39,242)
```
#d827f2
```
#d827f2 rgb(216,39,242)
```

Analogous Color

#41f227
```
#41f227 rgb(65,242,39)
```
#7227f2
```
#7227f2 rgb(114,39,242)
```
#f2d827
```
#f2d827 rgb(242,216,39)
```

Split Complementary Color

#27f272
```
#27f272 rgb(39,242,114)
```
#7227f2
```
#7227f2 rgb(114,39,242)
```
#f27227
```
#f27227 rgb(242,114,39)
```

Triadic Color

#27a7f2
```
#27a7f2 rgb(39,167,242)
```
#7227f2
```
#7227f2 rgb(114,39,242)
```
#f27227
```
#f27227 rgb(242,114,39)
```
#a7f227
```
#a7f227 rgb(167,242,39)
```

Tetradic Color

#4f0cc1
```
#4f0cc1 rgb(79,12,193)
```
#580dd9
```
#580dd9 rgb(88,13,217)
```
#620ff1
```
#620ff1 rgb(98,15,241)
```
#7227f2
```
#7227f2 rgb(114,39,242)
```
#823ff3
```
#823ff3 rgb(130,63,243)
```
#9157f5
```
#9157f5 rgb(145,87,245)
```
#a16ff6
```
#a16ff6 rgb(161,111,246)
```

Monochromatic Color

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

#3f27f2
```
#3f27f2 rgb(63,39,242)
```
#5027f2
```
#5027f2 rgb(80,39,242)
```
#6127f2
```
#6127f2 rgb(97,39,242)
```
#7227f2
```
#7227f2 rgb(114,39,242)
```
#8327f2
```
#8327f2 rgb(131,39,242)
```
#9427f2
```
#9427f2 rgb(148,39,242)
```
#a527f2
```
#a527f2 rgb(165,39,242)
```

Similar Colors

Text with hexadecimal color #7227f2

This text has a font color of #7227f2.

<span style="color:#7227f2;">Text here</span>

#7227f2 background color

This paragraph has a background color of #7227f2.

<p style="background-color:#7227f2;">Content here</p>

#7227f2 border color

This element has a border color of #7227f2.

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

CSS codes

.text {color:#7227f2;}

.background {background-color:#7227f2;}

.border {border:1px solid #7227f2;}

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 #f7f3fe is the lightest one.

#020006
```
#020006 rgb(2,0,6)
```
#0a0119
```
#0a0119 rgb(10,1,25)
```
#12032b
```
#12032b rgb(18,3,43)
```
#19043e
```
#19043e rgb(25,4,62)
```
#210550
```
#210550 rgb(33,5,80)
```
#280663
```
#280663 rgb(40,6,99)
```
#300775
```
#300775 rgb(48,7,117)
```
#370888
```
#370888 rgb(55,8,136)
```
#3f099a
```
#3f099a rgb(63,9,154)
```
#460aad
```
#460aad rgb(70,10,173)
```
#4e0bbf
```
#4e0bbf rgb(78,11,191)
```
#550dd2
```
#550dd2 rgb(85,13,210)
```
#5d0ee4
```
#5d0ee4 rgb(93,14,228)
```

Shade Color Variation

#6614f1
```
#6614f1 rgb(102,20,241)
```
#7227f2
```
#7227f2 rgb(114,39,242)
```
#7e3af3
```
#7e3af3 rgb(126,58,243)
```
#8a4cf4
```
#8a4cf4 rgb(138,76,244)
```
#965ff5
```
#965ff5 rgb(150,95,245)
```
#a271f6
```
#a271f6 rgb(162,113,246)
```
#ae84f8
```
#ae84f8 rgb(174,132,248)
```
#ba96f9
```
#ba96f9 rgb(186,150,249)
```
#c7a9fa
```
#c7a9fa rgb(199,169,250)
```
#d3bbfb
```
#d3bbfb rgb(211,187,251)
```
#dfcefc
```
#dfcefc rgb(223,206,252)
```
#ebe0fd
```
#ebe0fd rgb(235,224,253)
```
#f7f3fe
```
#f7f3fe rgb(247,243,254)
```

Tint Color Variation

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

#8b8891
```
#8b8891 rgb(139,136,145)
```
#897f9a
```
#897f9a rgb(137,127,154)
```
#8776a3
```
#8776a3 rgb(135,118,163)
```
#846dac
```
#846dac rgb(132,109,172)
```
#8265b4
```
#8265b4 rgb(130,101,180)
```
#805cbd
```
#805cbd rgb(128,92,189)
```
#7d53c6
```
#7d53c6 rgb(125,83,198)
```
#7b4acf
```
#7b4acf rgb(123,74,207)
```
#7941d8
```
#7941d8 rgb(121,65,216)
```
#7739e0
```
#7739e0 rgb(119,57,224)
```
#7430e9
```
#7430e9 rgb(116,48,233)
```
#7227f2
```
#7227f2 rgb(114,39,242)
```
#701efb
```
#701efb rgb(112,30,251)
```

Tone Color Variation

Below, you can see how #7227f2 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

#555555 Achromatopsia 0.005% of the population
#5b4c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#426d75 Tritanopia 0.001% of the population

Trichromacy

#294ed4 Protanomaly 1% of men, 0.01% of women
#2951c3 Deuteranomaly 6% of men, 0.4% of women
#5354a2 Tritanomaly 0.01% of the population

#7227f2 hex color

#7227f2 Color Information

#7227f2 Color Conversion

Color Schemes with #7227f2

Alternatives to #7227f2

#7227f2 Preview

Shades and Tints of #7227f2

Tones of #7227f2

Color Blindness Simulator