#7228ff hex color

In a RGB color space, hex #7228ff is composed of 44.7% red, 15.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 84.3% magenta, 0% yellow and 0% black. It has a hue angle of 260.7 degrees, a saturation of 100% and a lightness of 57.8%. #7228ff color hex could be obtained by blending #e450ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 16
- B 100
RGB color chart
- C 55
- M 84
- Y 0
- K 0
CMYK color chart

● #7228ff color description : Vivid violet.

The hexadecimal color #7228ff has RGB values of R:114, G:40, B:255 and CMYK values of C:0.55, M:0.84, Y:0, K:0. Its decimal value is 7481599.

Hex triplet	7228ff	`#7228ff`
RGB Decimal	114, 40, 255	`rgb(114,40,255)`
RGB Percent	44.7, 15.7, 100	`rgb(44.7%,15.7%,100%)`
CMYK	55, 84, 0, 0
HSL	260.7°, 100, 57.8	`hsl(260.7,100%,57.8%)`
HSV (or HSB)	260.7°, 84.3, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.712, 74.754, -92.024
XYZ	25.745, 12.314, 95.623
xyY	0.193, 0.092, 12.314
CIE-LCH	41.712, 118.561, 309.088
CIE-LUV	41.712, 5.003, -133.115
Hunter-Lab	35.092, 69.545, -136.996
Binary	01110010, 00101000, 11111111

#7228ff
```
#7228ff rgb(114,40,255)
```
#b5ff28
```
#b5ff28 rgb(181,255,40)
```

Complementary Color

#284aff
```
#284aff rgb(40,74,255)
```
#7228ff
```
#7228ff rgb(114,40,255)
```
#de28ff
```
#de28ff rgb(222,40,255)
```

Analogous Color

#4aff28
```
#4aff28 rgb(74,255,40)
```
#7228ff
```
#7228ff rgb(114,40,255)
```
#ffde28
```
#ffde28 rgb(255,222,40)
```

Split Complementary Color

#28ff72
```
#28ff72 rgb(40,255,114)
```
#7228ff
```
#7228ff rgb(114,40,255)
```
#ff7228
```
#ff7228 rgb(255,114,40)
```

Triadic Color

#28b5ff
```
#28b5ff rgb(40,181,255)
```
#7228ff
```
#7228ff rgb(114,40,255)
```
#ff7228
```
#ff7228 rgb(255,114,40)
```
#b5ff28
```
#b5ff28 rgb(181,255,40)
```

Tetradic Color

#4b00db
```
#4b00db rgb(75,0,219)
```
#5400f4
```
#5400f4 rgb(84,0,244)
```
#610fff
```
#610fff rgb(97,15,255)
```
#7228ff
```
#7228ff rgb(114,40,255)
```
#8342ff
```
#8342ff rgb(131,66,255)
```
#935bff
```
#935bff rgb(147,91,255)
```
#a475ff
```
#a475ff rgb(164,117,255)
```

Monochromatic Color

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

#3c28ff
```
#3c28ff rgb(60,40,255)
```
#4e28ff
```
#4e28ff rgb(78,40,255)
```
#6028ff
```
#6028ff rgb(96,40,255)
```
#7228ff
```
#7228ff rgb(114,40,255)
```
#8428ff
```
#8428ff rgb(132,40,255)
```
#9628ff
```
#9628ff rgb(150,40,255)
```
#a828ff
```
#a828ff rgb(168,40,255)
```

Similar Colors

Text with hexadecimal color #7228ff

This text has a font color of #7228ff.

<span style="color:#7228ff;">Text here</span>

#7228ff background color

This paragraph has a background color of #7228ff.

<p style="background-color:#7228ff;">Content here</p>

#7228ff border color

This element has a border color of #7228ff.

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

CSS codes

.text {color:#7228ff;}

.background {background-color:#7228ff;}

.border {border:1px solid #7228ff;}

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

#000001
```
#000001 rgb(0,0,1)
```
#070014
```
#070014 rgb(7,0,20)
```
#0e0028
```
#0e0028 rgb(14,0,40)
```
#15003c
```
#15003c rgb(21,0,60)
```
#1b004f
```
#1b004f rgb(27,0,79)
```
#220063
```
#220063 rgb(34,0,99)
```
#290076
```
#290076 rgb(41,0,118)
```
#30008a
```
#30008a rgb(48,0,138)
```
#36009e
```
#36009e rgb(54,0,158)
```
#3d00b1
```
#3d00b1 rgb(61,0,177)
```
#4400c5
```
#4400c5 rgb(68,0,197)
```
#4b00d9
```
#4b00d9 rgb(75,0,217)
```
#5100ec
```
#5100ec rgb(81,0,236)
```

Shade Color Variation

#5801ff
```
#5801ff rgb(88,1,255)
```
#6514ff
```
#6514ff rgb(101,20,255)
```
#7228ff
```
#7228ff rgb(114,40,255)
```
#7f3cff
```
#7f3cff rgb(127,60,255)
```
#8c4fff
```
#8c4fff rgb(140,79,255)
```
#9963ff
```
#9963ff rgb(153,99,255)
```
#a576ff
```
#a576ff rgb(165,118,255)
```
#b28aff
```
#b28aff rgb(178,138,255)
```
#bf9eff
```
#bf9eff rgb(191,158,255)
```
#ccb1ff
```
#ccb1ff rgb(204,177,255)
```
#d9c5ff
```
#d9c5ff rgb(217,197,255)
```
#e6d9ff
```
#e6d9ff rgb(230,217,255)
```
#f3ecff
```
#f3ecff rgb(243,236,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #918b9c is the less saturated color, while #7228ff is the most saturated one.

#918b9c
```
#918b9c rgb(145,139,156)
```
#8e83a4
```
#8e83a4 rgb(142,131,164)
```
#8c7bac
```
#8c7bac rgb(140,123,172)
```
#8972b5
```
#8972b5 rgb(137,114,181)
```
#876abd
```
#876abd rgb(135,106,189)
```
#8462c5
```
#8462c5 rgb(132,98,197)
```
#815acd
```
#815acd rgb(129,90,205)
```
#7f51d6
```
#7f51d6 rgb(127,81,214)
```
#7c49de
```
#7c49de rgb(124,73,222)
```
#7a41e6
```
#7a41e6 rgb(122,65,230)
```
#7739ee
```
#7739ee rgb(119,57,238)
```
#7530f7
```
#7530f7 rgb(117,48,247)
```
#7228ff
```
#7228ff rgb(114,40,255)
```

Tone Color Variation

Below, you can see how #7228ff 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

#575757 Achromatopsia 0.005% of the population
#5c4e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#35727b Tritanopia 0.001% of the population

Trichromacy

#2950dc Protanomaly 1% of men, 0.01% of women
#2954cb Deuteranomaly 6% of men, 0.4% of women
#4b57ab Tritanomaly 0.01% of the population

#7228ff hex color

#7228ff Color Information

#7228ff Color Conversion

Color Schemes with #7228ff

Alternatives to #7228ff

#7228ff Preview

Shades and Tints of #7228ff

Tones of #7228ff

Color Blindness Simulator