#a228cc hex color

In a RGB color space, hex #a228cc is composed of 63.5% red, 15.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 80.4% magenta, 0% yellow and 20% black. It has a hue angle of 284.6 degrees, a saturation of 67.2% and a lightness of 47.8%. #a228cc color hex could be obtained by blending #ff50ff with #450099. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 64
- G 16
- B 80
RGB color chart
- C 21
- M 80
- Y 0
- K 20
CMYK color chart

● #a228cc color description : Strong violet.

The hexadecimal color #a228cc has RGB values of R:162, G:40, B:204 and CMYK values of C:0.21, M:0.8, Y:0, K:0.2. Its decimal value is 10627276.

Hex triplet	a228cc	`#a228cc`
RGB Decimal	162, 40, 204	`rgb(162,40,204)`
RGB Percent	63.5, 15.7, 80	`rgb(63.5%,15.7%,80%)`
CMYK	21, 80, 0, 20
HSL	284.6°, 67.2, 47.8	`hsl(284.6,67.2%,47.8%)`
HSV (or HSB)	284.6°, 80.4, 80
Web Safe	9933cc	`#9933cc`

CIE-LAB	43.595, 70.002, -59.694
XYZ	26.557, 13.56, 58.342
xyY	0.27, 0.138, 13.56
CIE-LCH	43.595, 91.998, 319.544
CIE-LUV	43.595, 36.534, -94.64
Hunter-Lab	36.823, 64.292, -68.161
Binary	10100010, 00101000, 11001100

#a228cc
```
#a228cc rgb(162,40,204)
```
#52cc28
```
#52cc28 rgb(82,204,40)
```

Complementary Color

#5028cc
```
#5028cc rgb(80,40,204)
```
#a228cc
```
#a228cc rgb(162,40,204)
```
#cc28a4
```
#cc28a4 rgb(204,40,164)
```

Analogous Color

#28cc50
```
#28cc50 rgb(40,204,80)
```
#a228cc
```
#a228cc rgb(162,40,204)
```
#a4cc28
```
#a4cc28 rgb(164,204,40)
```

Split Complementary Color

#28cca2
```
#28cca2 rgb(40,204,162)
```
#a228cc
```
#a228cc rgb(162,40,204)
```
#cca228
```
#cca228 rgb(204,162,40)
```

Triadic Color

#2852cc
```
#2852cc rgb(40,82,204)
```
#a228cc
```
#a228cc rgb(162,40,204)
```
#cca228
```
#cca228 rgb(204,162,40)
```
#52cc28
```
#52cc28 rgb(82,204,40)
```

Tetradic Color

#6f1b8c
```
#6f1b8c rgb(111,27,140)
```
#8020a1
```
#8020a1 rgb(128,32,161)
```
#9124b7
```
#9124b7 rgb(145,36,183)
```
#a228cc
```
#a228cc rgb(162,40,204)
```
#ae36d8
```
#ae36d8 rgb(174,54,216)
```
#b74bdc
```
#b74bdc rgb(183,75,220)
```
#bf61e0
```
#bf61e0 rgb(191,97,224)
```

Monochromatic Color

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

#7928cc
```
#7928cc rgb(121,40,204)
```
#8728cc
```
#8728cc rgb(135,40,204)
```
#9428cc
```
#9428cc rgb(148,40,204)
```
#a228cc
```
#a228cc rgb(162,40,204)
```
#b028cc
```
#b028cc rgb(176,40,204)
```
#bd28cc
```
#bd28cc rgb(189,40,204)
```
#cb28cc
```
#cb28cc rgb(203,40,204)
```

Similar Colors

Text with hexadecimal color #a228cc

This text has a font color of #a228cc.

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

#a228cc background color

This paragraph has a background color of #a228cc.

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

#a228cc border color

This element has a border color of #a228cc.

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

CSS codes

.text {color:#a228cc;}

.background {background-color:#a228cc;}

.border {border:1px solid #a228cc;}

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

#060107
```
#060107 rgb(6,1,7)
```
#130518
```
#130518 rgb(19,5,24)
```
#200828
```
#200828 rgb(32,8,40)
```
#2d0b38
```
#2d0b38 rgb(45,11,56)
```
#3a0e49
```
#3a0e49 rgb(58,14,73)
```
#471159
```
#471159 rgb(71,17,89)
```
#54156a
```
#54156a rgb(84,21,106)
```
#61187a
```
#61187a rgb(97,24,122)
```
#6e1b8a
```
#6e1b8a rgb(110,27,138)
```
#7b1e9b
```
#7b1e9b rgb(123,30,155)
```
#8822ab
```
#8822ab rgb(136,34,171)
```
#9525bc
```
#9525bc rgb(149,37,188)
```
#a228cc
```
#a228cc rgb(162,40,204)
```

Shade Color Variation

#ac31d7
```
#ac31d7 rgb(172,49,215)
```
#b341da
```
#b341da rgb(179,65,218)
```
#b952dd
```
#b952dd rgb(185,82,221)
```
#c062e0
```
#c062e0 rgb(192,98,224)
```
#c773e3
```
#c773e3 rgb(199,115,227)
```
#cd83e7
```
#cd83e7 rgb(205,131,231)
```
#d493ea
```
#d493ea rgb(212,147,234)
```
#daa4ed
```
#daa4ed rgb(218,164,237)
```
#e1b4f0
```
#e1b4f0 rgb(225,180,240)
```
#e8c5f4
```
#e8c5f4 rgb(232,197,244)
```
#eed5f7
```
#eed5f7 rgb(238,213,247)
```
#f5e5fa
```
#f5e5fa rgb(245,229,250)
```
#fbf6fd
```
#fbf6fd rgb(251,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7381 is the less saturated color, while #b402f2 is the most saturated one.

#7d7381
```
#7d7381 rgb(125,115,129)
```
#826a8a
```
#826a8a rgb(130,106,138)
```
#876094
```
#876094 rgb(135,96,148)
```
#8b579d
```
#8b579d rgb(139,87,157)
```
#904ea6
```
#904ea6 rgb(144,78,166)
```
#9444b0
```
#9444b0 rgb(148,68,176)
```
#993bb9
```
#993bb9 rgb(153,59,185)
```
#9d31c3
```
#9d31c3 rgb(157,49,195)
```
#a228cc
```
#a228cc rgb(162,40,204)
```
#a71fd5
```
#a71fd5 rgb(167,31,213)
```
#ab15df
```
#ab15df rgb(171,21,223)
```
#b00ce8
```
#b00ce8 rgb(176,12,232)
```
#b402f2
```
#b402f2 rgb(180,2,242)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#6c5475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0070bb Deuteranopia 1% of men
#946066 Tritanopia 0.001% of the population

Trichromacy

#3a53cf Protanomaly 1% of men, 0.01% of women
#3a56c1 Deuteranomaly 6% of men, 0.4% of women
#994b8b Tritanomaly 0.01% of the population

#a228cc hex color

#a228cc Color Information

#a228cc Color Conversion

Color Schemes with #a228cc

Alternatives to #a228cc

#a228cc Preview

Shades and Tints of #a228cc

Tones of #a228cc

Color Blindness Simulator