#7228bb hex color

In a RGB color space, hex #7228bb is composed of 44.7% red, 15.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 39% cyan, 78.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 270.2 degrees, a saturation of 64.8% and a lightness of 44.5%. #7228bb color hex could be obtained by blending #e450ff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 16
- B 73
RGB color chart
- C 39
- M 79
- Y 0
- K 27
CMYK color chart

● #7228bb color description : Strong violet.

The hexadecimal color #7228bb has RGB values of R:114, G:40, B:187 and CMYK values of C:0.39, M:0.79, Y:0, K:0.27. Its decimal value is 7481531.

Hex triplet	7228bb	`#7228bb`
RGB Decimal	114, 40, 187	`rgb(114,40,187)`
RGB Percent	44.7, 15.7, 73.3	`rgb(44.7%,15.7%,73.3%)`
CMYK	39, 79, 0, 27
HSL	270.2°, 64.8, 44.5	`hsl(270.2,64.8%,44.5%)`
HSV (or HSB)	270.2°, 78.6, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.367, 58.45, -63.449
XYZ	16.666, 8.683, 47.809
xyY	0.228, 0.119, 8.683
CIE-LCH	35.367, 86.269, 312.652
CIE-LUV	35.367, 14.609, -91.575
Hunter-Lab	29.467, 49.392, -75.569
Binary	01110010, 00101000, 10111011

#7228bb
```
#7228bb rgb(114,40,187)
```
#71bb28
```
#71bb28 rgb(113,187,40)
```

Complementary Color

#2828bb
```
#2828bb rgb(40,40,187)
```
#7228bb
```
#7228bb rgb(114,40,187)
```
#bb28bb
```
#bb28bb rgb(187,40,187)
```

Analogous Color

#28bb28
```
#28bb28 rgb(40,187,40)
```
#7228bb
```
#7228bb rgb(114,40,187)
```
#bbbb28
```
#bbbb28 rgb(187,187,40)
```

Split Complementary Color

#28bb72
```
#28bb72 rgb(40,187,114)
```
#7228bb
```
#7228bb rgb(114,40,187)
```
#bb7228
```
#bb7228 rgb(187,114,40)
```

Triadic Color

#2871bb
```
#2871bb rgb(40,113,187)
```
#7228bb
```
#7228bb rgb(114,40,187)
```
#bb7228
```
#bb7228 rgb(187,114,40)
```
#71bb28
```
#71bb28 rgb(113,187,40)
```

Tetradic Color

#4c1b7c
```
#4c1b7c rgb(76,27,124)
```
#581f91
```
#581f91 rgb(88,31,145)
```
#6524a6
```
#6524a6 rgb(101,36,166)
```
#7228bb
```
#7228bb rgb(114,40,187)
```
#7f2cd0
```
#7f2cd0 rgb(127,44,208)
```
#8c40d6
```
#8c40d6 rgb(140,64,214)
```
#9855db
```
#9855db rgb(152,85,219)
```

Monochromatic Color

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

#4d28bb
```
#4d28bb rgb(77,40,187)
```
#5928bb
```
#5928bb rgb(89,40,187)
```
#6628bb
```
#6628bb rgb(102,40,187)
```
#7228bb
```
#7228bb rgb(114,40,187)
```
#7e28bb
```
#7e28bb rgb(126,40,187)
```
#8b28bb
```
#8b28bb rgb(139,40,187)
```
#9728bb
```
#9728bb rgb(151,40,187)
```

Similar Colors

Text with hexadecimal color #7228bb

This text has a font color of #7228bb.

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

#7228bb background color

This paragraph has a background color of #7228bb.

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

#7228bb border color

This element has a border color of #7228bb.

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

CSS codes

.text {color:#7228bb;}

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

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

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

#060209
```
#060209 rgb(6,2,9)
```
#0f0519
```
#0f0519 rgb(15,5,25)
```
#19092a
```
#19092a rgb(25,9,42)
```
#230c3a
```
#230c3a rgb(35,12,58)
```
#2d104a
```
#2d104a rgb(45,16,74)
```
#37135a
```
#37135a rgb(55,19,90)
```
#41176a
```
#41176a rgb(65,23,106)
```
#4b1a7a
```
#4b1a7a rgb(75,26,122)
```
#541e8b
```
#541e8b rgb(84,30,139)
```
#5e219b
```
#5e219b rgb(94,33,155)
```
#6825ab
```
#6825ab rgb(104,37,171)
```
#7228bb
```
#7228bb rgb(114,40,187)
```
#7c2bcb
```
#7c2bcb rgb(124,43,203)
```

Shade Color Variation

#8636d4
```
#8636d4 rgb(134,54,212)
```
#8f46d8
```
#8f46d8 rgb(143,70,216)
```
#9957db
```
#9957db rgb(153,87,219)
```
#a367de
```
#a367de rgb(163,103,222)
```
#ad77e2
```
#ad77e2 rgb(173,119,226)
```
#b687e5
```
#b687e5 rgb(182,135,229)
```
#c097e9
```
#c097e9 rgb(192,151,233)
```
#caa7ec
```
#caa7ec rgb(202,167,236)
```
#d4b7f0
```
#d4b7f0 rgb(212,183,240)
```
#dec8f3
```
#dec8f3 rgb(222,200,243)
```
#e7d8f7
```
#e7d8f7 rgb(231,216,247)
```
#f1e8fa
```
#f1e8fa rgb(241,232,250)
```
#fbf8fe
```
#fbf8fe rgb(251,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726e75 is the less saturated color, while #7205de is the most saturated one.

#726e75
```
#726e75 rgb(114,110,117)
```
#72657e
```
#72657e rgb(114,101,126)
```
#725c87
```
#725c87 rgb(114,92,135)
```
#72548f
```
#72548f rgb(114,84,143)
```
#724b98
```
#724b98 rgb(114,75,152)
```
#7242a1
```
#7242a1 rgb(114,66,161)
```
#7239aa
```
#7239aa rgb(114,57,170)
```
#7231b2
```
#7231b2 rgb(114,49,178)
```
#7228bb
```
#7228bb rgb(114,40,187)
```
#721fc4
```
#721fc4 rgb(114,31,196)
```
#7217cc
```
#7217cc rgb(114,23,204)
```
#720ed5
```
#720ed5 rgb(114,14,213)
```
#7205de
```
#7205de rgb(114,5,222)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#564765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e99 Deuteranopia 1% of men
#605a60 Tritanopia 0.001% of the population

Trichromacy

#2947b2 Protanomaly 1% of men, 0.01% of women
#294aa5 Deuteranomaly 6% of men, 0.4% of women
#674781 Tritanomaly 0.01% of the population

#7228bb hex color

#7228bb Color Information

#7228bb Color Conversion

Color Schemes with #7228bb

Alternatives to #7228bb

#7228bb Preview

Shades and Tints of #7228bb

Tones of #7228bb

Color Blindness Simulator