#7228af hex color

In a RGB color space, hex #7228af is composed of 44.7% red, 15.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 34.9% cyan, 77.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 272.9 degrees, a saturation of 62.8% and a lightness of 42.2%. #7228af color hex could be obtained by blending #e450ff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 45
- G 16
- B 69
RGB color chart
- C 35
- M 77
- Y 0
- K 31
CMYK color chart

● #7228af color description : Dark violet.

The hexadecimal color #7228af has RGB values of R:114, G:40, B:175 and CMYK values of C:0.35, M:0.77, Y:0, K:0.31. Its decimal value is 7481519.

Hex triplet	7228af	`#7228af`
RGB Decimal	114, 40, 175	`rgb(114,40,175)`
RGB Percent	44.7, 15.7, 68.6	`rgb(44.7%,15.7%,68.6%)`
CMYK	35, 77, 0, 31
HSL	272.9°, 62.8, 42.2	`hsl(272.9,62.8%,42.2%)`
HSV (or HSB)	272.9°, 77.1, 68.6
Web Safe	663399	`#663399`

CIE-LAB	34.376, 55.649, -57.946
XYZ	15.435, 8.19, 41.323
xyY	0.238, 0.126, 8.19
CIE-LCH	34.376, 80.34, 313.842
CIE-LUV	34.376, 16.792, -83.687
Hunter-Lab	28.619, 46.187, -65.576
Binary	01110010, 00101000, 10101111

#7228af
```
#7228af rgb(114,40,175)
```
#65af28
```
#65af28 rgb(101,175,40)
```

Complementary Color

#2e28af
```
#2e28af rgb(46,40,175)
```
#7228af
```
#7228af rgb(114,40,175)
```
#af28a9
```
#af28a9 rgb(175,40,169)
```

Analogous Color

#28af2f
```
#28af2f rgb(40,175,47)
```
#7228af
```
#7228af rgb(114,40,175)
```
#a9af28
```
#a9af28 rgb(169,175,40)
```

Split Complementary Color

#28af72
```
#28af72 rgb(40,175,114)
```
#7228af
```
#7228af rgb(114,40,175)
```
#af7228
```
#af7228 rgb(175,114,40)
```

Triadic Color

#2865af
```
#2865af rgb(40,101,175)
```
#7228af
```
#7228af rgb(114,40,175)
```
#af7228
```
#af7228 rgb(175,114,40)
```
#65af28
```
#65af28 rgb(101,175,40)
```

Tetradic Color

#491a71
```
#491a71 rgb(73,26,113)
```
#571f85
```
#571f85 rgb(87,31,133)
```
#64239a
```
#64239a rgb(100,35,154)
```
#7228af
```
#7228af rgb(114,40,175)
```
#802dc4
```
#802dc4 rgb(128,45,196)
```
#8c38d2
```
#8c38d2 rgb(140,56,210)
```
#984dd6
```
#984dd6 rgb(152,77,214)
```

Monochromatic Color

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

#5028af
```
#5028af rgb(80,40,175)
```
#5c28af
```
#5c28af rgb(92,40,175)
```
#6728af
```
#6728af rgb(103,40,175)
```
#7228af
```
#7228af rgb(114,40,175)
```
#7d28af
```
#7d28af rgb(125,40,175)
```
#8928af
```
#8928af rgb(137,40,175)
```
#9428af
```
#9428af rgb(148,40,175)
```

Similar Colors

Text with hexadecimal color #7228af

This text has a font color of #7228af.

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

#7228af background color

This paragraph has a background color of #7228af.

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

#7228af border color

This element has a border color of #7228af.

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

CSS codes

.text {color:#7228af;}

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

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

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, #0a040f is the darkest color, while #fffeff is the lightest one.

#0a040f
```
#0a040f rgb(10,4,15)
```
#14071f
```
#14071f rgb(20,7,31)
```
#1f0b2f
```
#1f0b2f rgb(31,11,47)
```
#290e3f
```
#290e3f rgb(41,14,63)
```
#34124f
```
#34124f rgb(52,18,79)
```
#3e165f
```
#3e165f rgb(62,22,95)
```
#48196f
```
#48196f rgb(72,25,111)
```
#531d7f
```
#531d7f rgb(83,29,127)
```
#5d218f
```
#5d218f rgb(93,33,143)
```
#68249f
```
#68249f rgb(104,36,159)
```
#7228af
```
#7228af rgb(114,40,175)
```
#7c2cbf
```
#7c2cbf rgb(124,44,191)
```
#872fcf
```
#872fcf rgb(135,47,207)
```

Shade Color Variation

#903fd3
```
#903fd3 rgb(144,63,211)
```
#994fd7
```
#994fd7 rgb(153,79,215)
```
#a25fda
```
#a25fda rgb(162,95,218)
```
#ac6fde
```
#ac6fde rgb(172,111,222)
```
#b57fe2
```
#b57fe2 rgb(181,127,226)
```
#be8fe5
```
#be8fe5 rgb(190,143,229)
```
#c79fe9
```
#c79fe9 rgb(199,159,233)
```
#d1afed
```
#d1afed rgb(209,175,237)
```
#dabff0
```
#dabff0 rgb(218,191,240)
```
#e3cef4
```
#e3cef4 rgb(227,206,244)
```
#ecdef8
```
#ecdef8 rgb(236,222,248)
```
#f5eefb
```
#f5eefb rgb(245,238,251)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#6c6a6d
```
#6c6a6d rgb(108,106,109)
```
#6c6275
```
#6c6275 rgb(108,98,117)
```
#6d5a7d
```
#6d5a7d rgb(109,90,125)
```
#6e5186
```
#6e5186 rgb(110,81,134)
```
#6f498e
```
#6f498e rgb(111,73,142)
```
#704196
```
#704196 rgb(112,65,150)
```
#70399e
```
#70399e rgb(112,57,158)
```
#7130a7
```
#7130a7 rgb(113,48,167)
```
#7228af
```
#7228af rgb(114,40,175)
```
#7320b7
```
#7320b7 rgb(115,32,183)
```
#7417c0
```
#7417c0 rgb(116,23,192)
```
#740fc8
```
#740fc8 rgb(116,15,200)
```
#7507d0
```
#7507d0 rgb(117,7,208)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#554661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005b96 Deuteranopia 1% of men
#64555c Tritanopia 0.001% of the population

Trichromacy

#2946ab Protanomaly 1% of men, 0.01% of women
#29489f Deuteranomaly 6% of men, 0.4% of women
#69457a Tritanomaly 0.01% of the population

#7228af hex color

#7228af Color Information

#7228af Color Conversion

Color Schemes with #7228af

Alternatives to #7228af

#7228af Preview

Shades and Tints of #7228af

Tones of #7228af

Color Blindness Simulator