#7228da hex color

In a RGB color space, hex #7228da is composed of 44.7% red, 15.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 81.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 264.9 degrees, a saturation of 70.6% and a lightness of 50.6%. #7228da color hex could be obtained by blending #e450ff with #0000b5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 16
- B 85
RGB color chart
- C 48
- M 82
- Y 0
- K 15
CMYK color chart

● #7228da color description : Bright violet.

The hexadecimal color #7228da has RGB values of R:114, G:40, B:218 and CMYK values of C:0.48, M:0.82, Y:0, K:0.15. Its decimal value is 7481562.

Hex triplet	7228da	`#7228da`
RGB Decimal	114, 40, 218	`rgb(114,40,218)`
RGB Percent	44.7, 15.7, 85.5	`rgb(44.7%,15.7%,85.5%)`
CMYK	48, 82, 0, 15
HSL	264.9°, 70.6, 50.6	`hsl(264.9,70.6%,50.6%)`
HSV (or HSB)	264.9°, 81.7, 85.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.122, 65.838, -76.978
XYZ	20.351, 10.157, 67.214
xyY	0.208, 0.104, 10.157
CIE-LCH	38.122, 101.294, 310.54
CIE-LUV	38.122, 9.722, -111.085
Hunter-Lab	31.87, 58.212, -102.735
Binary	01110010, 00101000, 11011010

#7228da
```
#7228da rgb(114,40,218)
```
#90da28
```
#90da28 rgb(144,218,40)
```

Complementary Color

#2837da
```
#2837da rgb(40,55,218)
```
#7228da
```
#7228da rgb(114,40,218)
```
#cb28da
```
#cb28da rgb(203,40,218)
```

Analogous Color

#37da28
```
#37da28 rgb(55,218,40)
```
#7228da
```
#7228da rgb(114,40,218)
```
#dacb28
```
#dacb28 rgb(218,203,40)
```

Split Complementary Color

#28da72
```
#28da72 rgb(40,218,114)
```
#7228da
```
#7228da rgb(114,40,218)
```
#da7228
```
#da7228 rgb(218,114,40)
```

Triadic Color

#2890da
```
#2890da rgb(40,144,218)
```
#7228da
```
#7228da rgb(114,40,218)
```
#da7228
```
#da7228 rgb(218,114,40)
```
#90da28
```
#90da28 rgb(144,218,40)
```

Tetradic Color

#501b9b
```
#501b9b rgb(80,27,155)
```
#5b1eb1
```
#5b1eb1 rgb(91,30,177)
```
#6622c6
```
#6622c6 rgb(102,34,198)
```
#7228da
```
#7228da rgb(114,40,218)
```
#803ede
```
#803ede rgb(128,62,222)
```
#8f54e1
```
#8f54e1 rgb(143,84,225)
```
#9d69e5
```
#9d69e5 rgb(157,105,229)
```

Monochromatic Color

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

#4528da
```
#4528da rgb(69,40,218)
```
#5428da
```
#5428da rgb(84,40,218)
```
#6328da
```
#6328da rgb(99,40,218)
```
#7228da
```
#7228da rgb(114,40,218)
```
#8128da
```
#8128da rgb(129,40,218)
```
#9028da
```
#9028da rgb(144,40,218)
```
#9f28da
```
#9f28da rgb(159,40,218)
```

Similar Colors

Text with hexadecimal color #7228da

This text has a font color of #7228da.

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

#7228da background color

This paragraph has a background color of #7228da.

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

#7228da border color

This element has a border color of #7228da.

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

CSS codes

.text {color:#7228da;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#0a0313
```
#0a0313 rgb(10,3,19)
```
#130624
```
#130624 rgb(19,6,36)
```
#1b0935
```
#1b0935 rgb(27,9,53)
```
#240c46
```
#240c46 rgb(36,12,70)
```
#2d0f56
```
#2d0f56 rgb(45,15,86)
```
#351267
```
#351267 rgb(53,18,103)
```
#3e1578
```
#3e1578 rgb(62,21,120)
```
#461788
```
#461788 rgb(70,23,136)
```
#4f1a99
```
#4f1a99 rgb(79,26,153)
```
#581daa
```
#581daa rgb(88,29,170)
```
#6020bb
```
#6020bb rgb(96,32,187)
```
#6923cb
```
#6923cb rgb(105,35,203)
```

Shade Color Variation

#7228da
```
#7228da rgb(114,40,218)
```
#7d39dd
```
#7d39dd rgb(125,57,221)
```
#8849e0
```
#8849e0 rgb(136,73,224)
```
#935ae3
```
#935ae3 rgb(147,90,227)
```
#9e6be6
```
#9e6be6 rgb(158,107,230)
```
#a97ce8
```
#a97ce8 rgb(169,124,232)
```
#b48ceb
```
#b48ceb rgb(180,140,235)
```
#bf9dee
```
#bf9dee rgb(191,157,238)
```
#caaef1
```
#caaef1 rgb(202,174,241)
```
#d5bff4
```
#d5bff4 rgb(213,191,244)
```
#e0cff7
```
#e0cff7 rgb(224,207,247)
```
#ebe0fa
```
#ebe0fa rgb(235,224,250)
```
#f6f1fd
```
#f6f1fd rgb(246,241,253)
```

Tint Color Variation

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

#817f83
```
#817f83 rgb(129,127,131)
```
#7f768c
```
#7f768c rgb(127,118,140)
```
#7d6c96
```
#7d6c96 rgb(125,108,150)
```
#7c62a0
```
#7c62a0 rgb(124,98,160)
```
#7a58aa
```
#7a58aa rgb(122,88,170)
```
#794fb3
```
#794fb3 rgb(121,79,179)
```
#7745bd
```
#7745bd rgb(119,69,189)
```
#753bc7
```
#753bc7 rgb(117,59,199)
```
#7432d0
```
#7432d0 rgb(116,50,208)
```
#7228da
```
#7228da rgb(114,40,218)
```
#701ee4
```
#701ee4 rgb(112,30,228)
```
#6f15ed
```
#6f15ed rgb(111,21,237)
```
#6d0bf7
```
#6d0bf7 rgb(109,11,247)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#584a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a2 Deuteranopia 1% of men
#53656c Tritanopia 0.001% of the population

Trichromacy

#294bc5 Protanomaly 1% of men, 0.01% of women
#294eb6 Deuteranomaly 6% of men, 0.4% of women
#5e4e94 Tritanomaly 0.01% of the population

#7228da hex color

#7228da Color Information

#7228da Color Conversion

Color Schemes with #7228da

Alternatives to #7228da

#7228da Preview

Shades and Tints of #7228da

Tones of #7228da

Color Blindness Simulator