#8228bb hex color

In a RGB color space, hex #8228bb is composed of 51% red, 15.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 30.5% cyan, 78.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 276.7 degrees, a saturation of 64.8% and a lightness of 44.5%. #8228bb color hex could be obtained by blending #ff50ff with #050077. Closest websafe color is: #9933cc.

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

● #8228bb color description : Strong violet.

The hexadecimal color #8228bb has RGB values of R:130, G:40, B:187 and CMYK values of C:0.3, M:0.79, Y:0, K:0.27. Its decimal value is 8530107.

Hex triplet	8228bb	`#8228bb`
RGB Decimal	130, 40, 187	`rgb(130,40,187)`
RGB Percent	51, 15.7, 73.3	`rgb(51%,15.7%,73.3%)`
CMYK	30, 79, 0, 27
HSL	276.7°, 64.8, 44.5	`hsl(276.7,64.8%,44.5%)`
HSV (or HSB)	276.7°, 78.6, 73.3
Web Safe	9933cc	`#9933cc`

CIE-LAB	37.575, 61.083, -59.755
XYZ	18.933, 9.852, 47.915
xyY	0.247, 0.128, 9.852
CIE-LCH	37.575, 85.45, 315.63
CIE-LUV	37.575, 22.519, -89.263
Hunter-Lab	31.387, 52.744, -68.539
Binary	10000010, 00101000, 10111011

#8228bb
```
#8228bb rgb(130,40,187)
```
#61bb28
```
#61bb28 rgb(97,187,40)
```

Complementary Color

#3928bb
```
#3928bb rgb(57,40,187)
```
#8228bb
```
#8228bb rgb(130,40,187)
```
#bb28ab
```
#bb28ab rgb(187,40,171)
```

Analogous Color

#28bb39
```
#28bb39 rgb(40,187,57)
```
#8228bb
```
#8228bb rgb(130,40,187)
```
#abbb28
```
#abbb28 rgb(171,187,40)
```

Split Complementary Color

#28bb82
```
#28bb82 rgb(40,187,130)
```
#8228bb
```
#8228bb rgb(130,40,187)
```
#bb8228
```
#bb8228 rgb(187,130,40)
```

Triadic Color

#2861bb
```
#2861bb rgb(40,97,187)
```
#8228bb
```
#8228bb rgb(130,40,187)
```
#bb8228
```
#bb8228 rgb(187,130,40)
```
#61bb28
```
#61bb28 rgb(97,187,40)
```

Tetradic Color

#561b7c
```
#561b7c rgb(86,27,124)
```
#651f91
```
#651f91 rgb(101,31,145)
```
#7324a6
```
#7324a6 rgb(115,36,166)
```
#8228bb
```
#8228bb rgb(130,40,187)
```
#912cd0
```
#912cd0 rgb(145,44,208)
```
#9c40d6
```
#9c40d6 rgb(156,64,214)
```
#a755db
```
#a755db rgb(167,85,219)
```

Monochromatic Color

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

#5d28bb
```
#5d28bb rgb(93,40,187)
```
#6a28bb
```
#6a28bb rgb(106,40,187)
```
#7628bb
```
#7628bb rgb(118,40,187)
```
#8228bb
```
#8228bb rgb(130,40,187)
```
#8e28bb
```
#8e28bb rgb(142,40,187)
```
#9b28bb
```
#9b28bb rgb(155,40,187)
```
#a728bb
```
#a728bb rgb(167,40,187)
```

Similar Colors

Text with hexadecimal color #8228bb

This text has a font color of #8228bb.

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

#8228bb background color

This paragraph has a background color of #8228bb.

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

#8228bb border color

This element has a border color of #8228bb.

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

CSS codes

.text {color:#8228bb;}

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

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

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)
```
#120519
```
#120519 rgb(18,5,25)
```
#1d092a
```
#1d092a rgb(29,9,42)
```
#280c3a
```
#280c3a rgb(40,12,58)
```
#33104a
```
#33104a rgb(51,16,74)
```
#3f135a
```
#3f135a rgb(63,19,90)
```
#4a176a
```
#4a176a rgb(74,23,106)
```
#551a7a
```
#551a7a rgb(85,26,122)
```
#601e8b
```
#601e8b rgb(96,30,139)
```
#6c219b
```
#6c219b rgb(108,33,155)
```
#7725ab
```
#7725ab rgb(119,37,171)
```
#8228bb
```
#8228bb rgb(130,40,187)
```
#8d2bcb
```
#8d2bcb rgb(141,43,203)
```

Shade Color Variation

#9736d4
```
#9736d4 rgb(151,54,212)
```
#9f46d8
```
#9f46d8 rgb(159,70,216)
```
#a857db
```
#a857db rgb(168,87,219)
```
#b067de
```
#b067de rgb(176,103,222)
```
#b877e2
```
#b877e2 rgb(184,119,226)
```
#c187e5
```
#c187e5 rgb(193,135,229)
```
#c997e9
```
#c997e9 rgb(201,151,233)
```
#d2a7ec
```
#d2a7ec rgb(210,167,236)
```
#dab7f0
```
#dab7f0 rgb(218,183,240)
```
#e2c8f3
```
#e2c8f3 rgb(226,200,243)
```
#ebd8f7
```
#ebd8f7 rgb(235,216,247)
```
#f3e8fa
```
#f3e8fa rgb(243,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 #8a05de is the most saturated one.

#726e75
```
#726e75 rgb(114,110,117)
```
#74657e
```
#74657e rgb(116,101,126)
```
#765c87
```
#765c87 rgb(118,92,135)
```
#78548f
```
#78548f rgb(120,84,143)
```
#7a4b98
```
#7a4b98 rgb(122,75,152)
```
#7c42a1
```
#7c42a1 rgb(124,66,161)
```
#7e39aa
```
#7e39aa rgb(126,57,170)
```
#8031b2
```
#8031b2 rgb(128,49,178)
```
#8228bb
```
#8228bb rgb(130,40,187)
```
#841fc4
```
#841fc4 rgb(132,31,196)
```
#8617cc
```
#8617cc rgb(134,23,204)
```
#880ed5
```
#880ed5 rgb(136,14,213)
```
#8a05de
```
#8a05de rgb(138,5,222)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#5d4b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#0063a2 Deuteranopia 1% of men
#745a60 Tritanopia 0.001% of the population

Trichromacy

#2f4ab8 Protanomaly 1% of men, 0.01% of women
#2f4dab Deuteranomaly 6% of men, 0.4% of women
#794781 Tritanomaly 0.01% of the population

#8228bb hex color

#8228bb Color Information

#8228bb Color Conversion

Color Schemes with #8228bb

Alternatives to #8228bb

#8228bb Preview

Shades and Tints of #8228bb

Tones of #8228bb

Color Blindness Simulator